フォントサイズ指定の相対単位remを使う

レスポンシブデザインの普及により、フォントサイズ指定にpx(ピクセル)ではなく、相対単位のemが使われるようになってきました。 emとは、親要素に対しての相対的なサイズです。 親要素が変わると基準も変わるので、CSS指定も複雑になり頭がごちゃごちゃしてきたりします。 その結果、思ったとおりのサイズになってなくて計算し直したりということも・・ emの指定方法を参考までに書いて...

Sassが使えるレスポンシブなCSSフレームワーク

スマートフォンの普及率を考えると、これからのWebデザインに「レスポンシブ」は必須になってくるかもしれません。 レスポンシブに対応させるために幾つかの手法がありますが、私はメディアクエリを使っています。 今回は、メディアクエリを効率的に書くためのCSSフレームワークをご紹介します。 ちなみに、Sass+Compassを使えるもの限定です。     ...