CSS

【CSS3】ボックスサイズの算出方法を指定するbox-sizingの使い方

CSS

ボックスサイズの算出方法を指定するbox-sizingの使い方についてまとめました。要素幅を border や padding まで計算にいれて 1px 単位で調整しなくてもよくなります。

【CSS3】影を付けるbox-shadowとtext-shadowの使い方まとめ

CSS

最近のWebはフラットデザインが流行ってますが、まだまだ現役ってことで使ってて新たな発見もありましたのでまとめておきたいと思います。

要素の最初の文字のみ色を変える方法(first-letter)

はてなブログのタイトル(ブログ名)のフォントカラーを先頭1文字だけ緑色にしようと考えて、少し迷ってしまったので備忘録です。今思えば全然大した事はないんですが、プログラムもCSSもコードを書いた経験が全てだなぁと感じた一件です。イメージ出来ない…

Retinaディスプレイに対応させるCSSの書き方

CSS

はてなブログのカスタマイズでCSSを書いてると見慣れないMedia Queriesがありました。それがコレ。@media (-webkit-min-device-pixel-ratio: 2) 調べてみるとAppleのRetinaディスプレイに対応するためのものらしいのですが、何が違うの?というところで、ピ…