PREMIUM
スライド資料
授業の概要
こんな人にオススメ
CSSは書けるけど設計は「何それ?」な方・実務での導入でつまづいている人
担当の先生/パーソナリティ
チャプター
-
自己紹介&アジェンダ
06:32 -
CSS設計とは
02:02 -
CSS設計の3大メソッド:OOCSS
10:51 -
CSS設計の3大メソッド:BEMとは
07:13 -
CSS設計の3大メソッド: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
-
Q:BEMの命名規則を画像名に使用したりしますか?
01:12 -
Q:スタイルガイドを初めて使用する場合、どれがおすすめですか?
00:58 -
Q:いろんなreset.cssがありますが、おすすめなreset.cssなどはありますか?
01:02 -
Q:堀口先生オススメのテキストエディターは何ですか?
01:18 -
Q:堀口先生はクライアントワークでCSSフレームワークを使われますか?
01:12 -
Q:CSS設計を学ぶのにオススメのサイトとかありますか?
01:29 -
Q:archive.html内にid指定がなく、全てclassになっているのはなぜですか?
02:34 -
Q:堀口先生は就職する時に何作品WEBサイトなど作りましたか?
01:14 -
Q:LIGではコーディング手法のルールはどのように決めているのですか?
01:15 -
Q:classが多いことで考えられるペナルティといいますか、デメリットはありますか?
01:42 -
Q:cssはひとつひとつ読み込むのとメインcssでimportで読み込むのはどちらが良いですか?
01:22 -
Q:reset.cssのように多くのサイトで使い回すご自身のテンプレート的なcssはお持ちですか?