2014年5月 7日(水)
2014年2月15日、ベルサール九段 イベントホールで開催したCSS Nite LP, Disk 32: Sassのフォローアップとして、黒野 明子さん(crema design)の『Sassにもっと便利な機能をプラス! Compassを使ってラクしましょ?』セッションのスライドなどをシェアします。
大雪直後の土曜日、長時間セミナー、本当にお疲れ様でした。
私のセッションでは、Compassの使用感をイメージしていただけるデモをメインに行いました。アンケートを拝見したところ、比較的多くの方にお楽しみいただけたようで、ほっとしています。環境さえ構築できれば、黒い画面が苦手とお感じの方でも、Compassを使い始めるのは決して難しくありません。まずは、今回ご紹介した3つの機能から、試してみてはいかがでしょうか?
そのためにも、デモで作成したファイルを以下に置いておきました。screen.scss内に、解説コメントが入っていますので、コピペしてご利用ください。
https://www.dropbox.com/s/1qxpl8699ies02r/cssnite.zip
また、セッション内でご紹介したいくつかの記事URLを、下記に挙げておきます。
【Compass Helpers | Compass Documentation】
→Compass公式サイト内のHelpersのページです。非常に多くの機能が用意されていますので、いくつかピックアップして試してみてください。
【CompassでCSSスプライト(Retina対応) | clear sky source】
→今回のイベントで監修を担当した株式会社まぼろしの小林さんの記事です。デフォルトのCSS Sprite生成機能ではできないRetina対応について、言及されています。
# いただいた質問
2019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション+αを選びました。