CSSで文字の打ち消し線を再現する

10月から続いた怒涛の年度末進行がやっと落ち着いたのでちょっと一息つけそうです。
よく考えてみると、半年以上も年度末なんですね。意味分かんない。

さて、最近マウスオーバーやカレントページで打ち消し線が引かれるナビゲーションをよく見かけます。

画像かHTMLタグかなと思ったらCSSで再現されていました。
続きを読む

display:inline;した時に変な余白があく

最低でも月イチ更新するという目標だったのに、気づいたら今年が終わろうとしていました…
ほぼ丸2ヶ月あいてしまいました。
この月イチ更新、引き続き来年の抱負にしようと思います!

さて、リストで画像など並べるときに、display:inline;便利ですよね。
最近はfloatまで必要なさそうなものは、このCSS使います。
ただ、インライン要素にすると上下左右に変な余白あくのがいつも嫌なんですよね。
141225
その回避策とか、覚え書きしておこうと思います。
続きを読む

Android4.x系でテキストが途中で折り返されるバグ

PC以外のバイスがiOS、Android(docomo)、フィーチャーフォン(全キャリア)と
極端に対応が多かった時にちょっと困ったので覚え書きです。
iOSで確認して余裕ぶっこいていたら横っ面殴られた感じです。
先方が検証していたAndroidでテキストが変なところで折り返されているとのこと。
急いで社内Androidで確認してみたものの、現象確認できず。

続きを読む

外部ファイルを読み込んでいるところを擬似iframeにする際の注意

ここ最近時短案件の時につまづいて盛大にイライラしたのでちょっと覚え書き。
ページのコンテンツとしてコラム的なものを入れる枠があったのですが
リリース時に仕様が決まっていないとのことで、そこだけ外部ファイルにして
インクルードしたものを擬似iframe化
しました。
素直にiframeにしなかったのはレイアウト上の都合です(あり得ないほどなるはやだったし←)。

前置きが長くなりましたが、スマホのみ擬似iframeがうまく再現できず
少しばかりハマってしまったというわけです。
続きを読む