Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
21
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

@k-kurihara

CSS設計まとめ用のまとめ

やばい、当たりまえだけど、NAVERまとめに置いてある記事たちが分かりやすいw
■NAVERまとめ
http://matome.naver.jp/odai/2141533836163066801

↓まとめの中で良いなって思ったやつ
■破綻しにくいCSS設計の法則 15
http://qiita.com/BYODKM/items/b8f545453f656270212a
■いまどきのCSS – OOCSSとかBEMとかSMACSSとか
http://5log.jp/blog/css_375/ (edited)

個人の感情が強いけど、考えとしてはすごくわかるサイト
■BEMという命名規則とSass 3.3の新しい記法
http://blog.ruedap.com/2013/10/29/block-element-modifier

これ見れば「OOCSS」、「BEM」、「SMACSS」がだいたい分かる!
■悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
http://www.slideshare.net/horiguchiseito/master-architecture-forcss

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

■やっぱりSassは導入すべき! メリット・デメリットを考察したうえで、導入を薦める最大の理由
 http://lifequest-blog.com/webcreation/css/589/

■CSSコーディングで泣かないためのSassの基礎知識と10の利点
 http://www.atmarkit.co.jp/ait/articles/1402/17/news102.html

■これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)
 http://liginc.co.jp/web/html-css/css/56599

BEMが個人的に分かりやすい気がしてきた・・・
http://feb19.jp/blog/archives/000276.php

このサイトめちゃべんきょうになる~
http://pepabo.github.io/docs/frontend/standard/css-architecture/

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
21
Help us understand the problem. What are the problem?