[CSS] OOCSS、SMACSS、BEM 参考サイト

OOCSS

Home · stubbornella/oocss Wiki · GitHub
https://github.com/stubbornella/oocss/wiki

An Introduction To Object Oriented CSS (OOCSS) – Smashing Magazine
https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/

OOCSS(オブジェクト指向CSS)のススメ | hijiriworld Web
http://hijiriworld.com/web/oocss/

知っておきたいHTMLテンプレート設計法 – OOCSSの基本 | CodeGrid
https://app.codegrid.net/entry/oocss-1

CSSにもオブジェクト指向を – OOCSSことはじめ
https://www.slideshare.net/kimuranisei/css-31872360?next_slideshow=1

[CSS] Object Oriented CSSを学んで綺麗なコードを書く – YoheiM .NET
http://www.yoheim.net/blog.php?q=20141201

SMACSS

Home – Scalable and Modular Architecture for CSS
https://smacss.com/

悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
https://www.slideshare.net/horiguchiseito/master-architecture-forcss

SMACSSによるCSSの設計 – ベースとレイアウト | CodeGrid
https://app.codegrid.net/entry/smacss-1

[CSS] モジュール化についてしっくりと理解できないので、ちゃんと考えてみました – YoheiM .NET
http://www.yoheim.net/blog.php?q=20130602

BEM

BEM — Block Element Modifier
http://getbem.com/

BEMによるフロントエンドの設計 – 基本概念とルール | CodeGrid
https://app.codegrid.net/entry/bem-basic-1

BEMを参考にしたCSS設計 – Qiita
http://qiita.com/mrd-takahashi/items/07dc3b4bad027daa2884

実践 めんどうくさくない BEM – ダーシマ・ヱンヂニヤリング
http://tsmd.hateblo.jp/entry/2013/12/12/004059

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です