レスポンシブデザインに欠かせないドロワーメニュー(ボタンを押すと横から飛び出してくるメニュー)をプラグインやフレームワークなしのCSS3とjQueryだけで使えるようにした。
Sass
Sass(scss)で楽にレスポンシブデザイン
レスポンシブデザインのページをフレームワークとか一切使わずに作るとき、@media内と外にコードが分散して読みにくくなるのがいやだったのでSassを使って要素ごとにまとめられるようにした。
smallとmediumとかmediumとlargeの両方で同じCSSを使うことが多々あったので、複数サイズで同じコードを利用するとき簡単に指定できるようにした。
吐き出したCSSの見た目はあまり考慮していません。
最近のコメント