はじめてのcss設計フロントエンドエンジニアが教えるメンテナブルなcss設計手法

ＣＳＳのコーディングをしたことのある人であれば「ＣＳＳを指定したら、思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったらＣＳＳが煩雑になった」「ＣＳＳファイルが肥大化して、どこを編集したらいいのかわからなくなった」といった経験が少なからずあるはずです。本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで解説します。ＣＳＳの言語的な特性から、「ＳＭＡＣＳＳ」や「ＢＥＭ」といったＣＳＳ設計の方法論、ＣＳＳプリプロセッサ「Ｓａｓｓ」の導入、さらに、実際にサンプルサイトの構築を追いながら、保守・運用までを考慮した破綻しないＣＳＳを設計・実装するまでの具体的なプロセスについて一冊で学べます。

目次 : １　ＣＳＳ設計の前提（ＣＳＳの設計/ ＣＳＳの仕組みと特性/ ＣＳＳの破綻）/ ２　メンテナブルなＣＳＳ（基本フォーマット/ カテゴライズ/ 命名規則/ スタイルガイド）/ ３　ＣＳＳ設計のプロセス（ページ構成要素の洗い出し/ コンテンツのモジュール化/ Ｓａｓｓを利用した効率的なモジュール設計/ モジュール設計）/ ４　ＣＳＳ設計の実践（サンプルサイトとその概要/ ｇｕｌｐの構築/ ベースルールを考える/ ＨＴＭＬテンプレートの作成/ コンテンツモジュールの作成/ モジュールを利用したページ制作）/ ＡＰＰＥＮＤＩＸ　Ｆｌｅｘｉｂｌｅ　Ｂｏｘ　Ｌａｙｏｕｔ（Ｆｌｅｘｉｂｌｅ　Ｂｏｘ　Ｌａｙｏｕｔ　Ｍｏｄｕｌｅ/ 実装方法とプロパティについて）