【CSS】CSS設計の勉強するなら、Bootstrapのソースコードを見よ！

id:sitkです。

OOCSSやらBEMやらが注目されている今日このごろ。
いかがお過ごしでしょうか。

本日、ぼくがおすすめする勉強法。
それは、他人のソースコードをひたすら見る！
15年くらい続けている勉強法です。
とても地味ですねｗ

勉強するにも原則がある

でも、どんなソースコードを見ればいいの？っていう話なんですが。
まずは、原典をあたること！
これが原則です。

最近では、CSSのフレームワークがたくさん出ています。
0からつくり上げるより、今あるものを利用する！
これも、CSSができて20年たった今だからこそできることです。
歴史に感謝ですね。

<a href="http://getbootstrap.com/css/">CSS · Bootstrap</a>getbootstrap.com

<a href="http://getbootstrap.com/components/">Components · Bootstrap</a>getbootstrap.com

<a href="http://getbootstrap.com/javascript/">JavaScript · Bootstrap</a>getbootstrap.com

これらを熟読したのちに、どんな使われ方をしているかを、下記サイトでチェック！

お試しあれ！

でわでわ。

追伸：
参考書籍として、下記2冊は必読です！