CSSのガイドラインです。
基本的にCSS3/Sass/gulp(タスクランナー)について記述します。
レガシーブラウザの対応などは一部できる範囲で書いていおります。
コーディングルール・命名規則などの考え方・CSSの論理的な設計方法についても考え、書いております。
CSS&SASSコーディングルール設計&思考
ここでは基本的なCSSのコーディングルールについて書いております。
基本的にはHTMLのページで書かせていただいた、
コーディングルールの考え方と被る為一部省かせて書かせていただきます。
詳しくはこちらをご参照ください
主にCSSのクラスの命名規則(OOCSS的な考え)を中心書いております。
CSS基礎
CSSの書き方の基礎・CSSの優先順位・CSSの概念のついて中心書いております。
CSS設計
文脈(コンテキスト)に基くCSS設計/BEM・SMACSS etc…使用した設計について中心書いております。
SASS基礎
altCSSであるSASSの基礎を中心にSASSで書くモダンCSSについて中心書いております。
タスクランナーについて
grunt/gulpなどのタスクランナーについて中心書いております。
ここでは主にgulpを使用したCSSのテスト・SASSビルドについて中心書いております。
CSSのパフォーマンスについて
CSSはしっかり設計して書かないとファイルサイズが大きくなりパフォーマンスが落ちてしまいがちです。
その方法&論理を中心に中心書いております。