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

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

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

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

IE8でもメディアクエリでCSSを反映させたい

※2015/02/27 追記

今もなお猛威を振るっている、コーダー泣かせのIE8ですが
特にHTML5とCSS3を使ったサイトのときが大変ですよね。
今回詰まったのは、linkタグを使ってPC・SP別にCSSを切り替えるところでした。
JSの読み込むタイミングなど、ちょっとの差が大切みたいですよ。
続きを読む

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

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

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

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

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

続きを読む