CSS Nite LP32フォローアップ(5)坂巻 翔大郎さん(ピクセルグリッド)、山田 敬美さん(ピクセルグリッド)

2014年2月15日、ベルサール九段 イベントホールで開催したCSS Nite LP, Disk 32: Sassのフォローアップとして、坂巻 翔大郎さん(ピクセルグリッド)、山田 敬美さん(ピクセルグリッド)の『コピペで使える!変数とmixin!』セッションのスライドなどをシェアします。

メッセージ、補足(イベント終了直後にいただいたものを再掲)

長丁場のセミナーの中盤で、ひたすらコードの解説をされたらつらいかなと思い、かけあい形式のセッションにしてみましたがいかがでしたでしょうか。内容が頭に入ってこなかったというご意見もありましたので(スミマセン…)、ぜひ、スライドとGitHubのREADME.mdを参考にしてみてください。

また、今回は初心者向けだったので、mixinの中身の解説はいっさい省きました。普段からSassを使っている人は、今回配布するmixinのコードの中身をみてみると、あらたな発見があるかもしれません。

ご参加いただいたみなさま、どうもありがとうございました。

いただいたご質問

Q.「自分でmixinを作れない場合の探し方まとめサイトとかあるのでしょうか」

これといったmixinまとめサイトというのは把握していないのですが、基本的なmixinはCompassにまとまっているので、まずはそれを使い、制作していく中でほしくなるmixinというのは、やはり自分でつくれた方が、プロジェクトに合わせて柔軟に対応できるので便利かと思います。

今回紹介したものの中には、つくりが複雑なmixinも含まれていますが、シンプルなものだと簡単につくれてしまうので、Sassに慣れてきたらぜひつくってみてください。

Compassに似たもので、BourbonというSassのライブラリがあるのですが、これは構造がシンプルでわかりやすく作られていますので、mixinづくりの参考になるかもしれません。

Bourbon Documentation

ハンズオンで学ぶBootstrap 4の基礎(1月10日[木])

阿部 正幸さん (Mochiya)を講師にBootstrapの基礎と、実際にプロとして使うためのノウハウをセミハンズオン形式で学びます。

実サイトで学ぶウェブ解析のキホン(1月28日[月])

井水 大輔さん(S-FACTORY)を講師にを迎え、実サイトを例に公開コンサルティングのようなカタチでウェブ解析について学びます。

ハンズオンで学ぶCSS Grid(2月4日[月])

鹿野 壮さん(ICS)を講師に迎え、CSS Gridの基本を抑えつつ、より一歩使いこなすためのテクニックをハンズオンで学びます。

『こんなプロジェクトはいやだ!』をいいね!にするカイゼン(2月27日[水])

栄前田 勝太郎さん(リズムタイプ)を講師に迎え、問題発見・解決のためのメソッドを伝え体験してもらい、それを持ち帰って自分の職場(プロジェクト/チーム)で実践できるようにする講義+ワークショップです。