CSS3

2014
05/ 30

table-cell を使ってスマホサイトの構築を便利に(CSS3)

display:table-cell を指定すると横並びになった各要素の高さは表組みのように揃う

Webデザイン

display:table と display:table-cell を使うと今までやりにくかった、横並びになった各要素の高さを揃えたり、テキストの縦位置を指定したりが簡単にできるようになります

続きを読む ▶

2014
02/ 03

SassをCoda2で使う

Coda-Sass-Plug-in をダウンロード

Webデザイン

あんまり一般的じゃ無いのかも知れませんが、自分のための備忘録として記事を書きます。パソコン買い換えたときに忘れちゃいそうですからね。 SassというのはCSSを拡張してパワフルにしたものなんです。Rubyという環境が無い・・・

続きを読む ▶

2013
11/ 12

box-sizing を指定してややこしいスタイルシートのボックスモデルをわかりやすくしよう

CSS3では box-sizingでborder-boxを指定すれば、borderとpadding はwidthやheightに含まれる

Webデザイン

CSS3で追加されたbox-sizingプロパティを使うとボックスサイズの算出方法をわかりやすくすることができます。

続きを読む ▶