モダンＷｅｂの制作現場へ、ようこそ！　保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。ＳＭＡＣＳＳ、ＢＥＭ、モジュール設計、ｎｐｍ、Ｆｌｅｘｉｂｌｅ　Ｂｏｘまで！　ＣＳＳのコーディングをしたことのある人であれば、「ＣＳＳを指定したら、思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったらＣＳＳが煩雑になった」「ＣＳＳファイルの肥大化して、どこを編集したらいいのかわからなくなった」といった経験が少なからずあるはずです。本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで解説します。ＣＳＳの言語的な特性から、「ＳＭＡＣＳＳ」や「ＢＥＭ」といったＣＳＳ設計の方法論、ＣＳＳプリプロセッサ「Ｓａｓｓ」の導入、さらに、実際にサンプルのＷｅｂサイト構築フローを追いながら、保守・運用までを考慮した破綻しないＣＳＳを設計・実装するまでの具体的なプロセスについて一冊で学べます。実際にサイトデータをダウンロードして学べるから理解が深まります。

ＣＳＳのコーディングをしたことのある人であれば「ＣＳＳを指定したら、思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったらＣＳＳが煩雑になった」「ＣＳＳファイルが肥大化して、どこを編集したらいいのかわからなくなった」といった経験が少なからずあるはずです。本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで解説します。ＣＳＳの言語的な特性から、「ＳＭＡＣＳＳ」や「ＢＥＭ」といったＣＳＳ設計の方法論、ＣＳＳプリプロセッサ「Ｓａｓｓ」の導入、さらに、実際にサンプルサイトの構築を追いながら、保守・運用までを考慮した破綻しないＣＳＳを設計・実装するまでの具体的なプロセスについて一冊で学べます。
もくじ情報：１　ＣＳＳ設計の前提（ＣＳＳの設計；ＣＳＳの仕組みと特性；ＣＳＳの破綻）；２　メンテナブルなＣＳＳ（基本フォーマット；カテゴライズ；命名規則；スタイルガイド）；３　ＣＳＳ設計のプロセス（ページ構成要素の洗い出し；コンテンツのモジュール化；Ｓａｓｓを利用した効率的なモジュール設計；モジュール設計）；４　ＣＳＳ設計の実践（サンプルサイトとその概要；ｇｕｌｐの構築；ベースルールを考える；ＨＴＭＬテンプレートの作成；コンテンツモジュールの作成；モジュールを利用したページ制作）；ＡＰＰＥＮＤＩＸ　Ｆｌｅｘｉｂｌｅ　Ｂｏｘ　Ｌａｙｏｕｔ（Ｆｌｅｘｉｂｌｅ　Ｂｏｘ　Ｌａｙｏｕｔ　Ｍｏｄｕｌｅ；実装方法とプロパティについて）