読者です 読者をやめる 読者になる 読者になる

僕は僕で誰かじゃない

ビジネスとテクノロジーと健康についてあれこれ

MENU

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

id:sitkです。

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

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

勉強するにも原則がある

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

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

おすすめはBootstrap!

その中でも!Bootstrapがおすすめ。
メジャーどころではありますが、たくさんのサイトで使われている実績もあり、
例題が豊富にあるということ。
これは重要です。

ということで、下記は熟読しましょう。

CSS

getbootstrap.com

Components

getbootstrap.com

Javascript

getbootstrap.com

参考サイトを見まくる!

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

Bootstrap Expo

お試しあれ!

でわでわ。

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