PREMIUM
第1回
CSS設計を学んで、拡張性と保守性に強いCSSを書こう！基礎〜実践導入
2015年1月24日 120min
スライド資料
授業の概要
こんな人にオススメ
CSSは書けるけど設計は「何それ？」な方・実務での導入でつまづいている人
担当の先生／パーソナリティ
チャプター
-
自己紹介＆アジェンダ
06:32 -
CSS設計とは
02:02 -
CSS設計の３大メソッド：OOCSS
10:51 -
CSS設計の３大メソッド：BEMとは
07:13 -
CSS設計の３大メソッド：SMACSS
09:18 -
クラス名について考えてみる：例1）ちょい複雑なhtml
12:46 -
クラス名について考えてみる：例2）シンプルなhtml
05:43 -
設計で必要な3つのこと：スタイルガイド
04:22 -
設計で必要な3つのこと：ディレクトリ構成
04:12 -
設計で必要な3つのこと：設計指針
03:47 -
実践で気をつけたい4つのポイント
05:31 -
マジやばい使えるツール×5
07:40 -
実際に設計してみた
16:18
-
Ｑ：BEMの命名規則を画像名に使用したりしますか？
01:12 -
Ｑ：スタイルガイドを初めて使用する場合、どれがおすすめですか？
00:58 -
Ｑ：いろんなreset.cssがありますが、おすすめなreset.cssなどはありますか？
01:02 -
Ｑ：堀口先生オススメのテキストエディターは何ですか？
01:18 -
Ｑ：堀口先生はクライアントワークでCSSフレームワークを使われますか？
01:12 -
Ｑ：CSS設計を学ぶのにオススメのサイトとかありますか？
01:29 -
Ｑ：archive.html内にid指定がなく、全てclassになっているのはなぜですか？
02:34 -
Ｑ：堀口先生は就職する時に何作品WEBサイトなど作りましたか？
01:14 -
Ｑ：LIGではコーディング手法のルールはどのように決めているのですか？
01:15 -
Ｑ：classが多いことで考えられるペナルティといいますか、デメリットはありますか？
01:42 -
Ｑ：cssはひとつひとつ読み込むのとメインcssでimportで読み込むのはどちらが良いですか？
01:22 -
Ｑ：reset.cssのように多くのサイトで使い回すご自身のテンプレート的なcssはお持ちですか？