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

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

モダンＷｅｂの制作現場へ、ようこそ！
保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。
ＳＭＡＣＳＳ、ＢＥＭ、モジュール設計、ｎｐｍ、Ｆｌｅｘｉｂｌｅ　Ｂｏｘまで！

ＣＳＳのコーディングをしたことのある人であれば、「ＣＳＳを指定したら、
思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら
ＣＳＳが煩雑になった」「ＣＳＳファイルの肥大化して、どこを編集したらいいのか
わからなくなった」といった経験が少なからずあるはずです。

本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで
解説します。ＣＳＳの言語的な特性から、「ＳＭＡＣＳＳ」や「ＢＥＭ」といったＣＳＳ設計の
方法論、ＣＳＳプリプロセッサ「Ｓａｓｓ」の導入、さらに、実際にサンプルの
Ｗｅｂサイト構築フローを追いながら、保守・運用までを考慮した破綻しないＣＳＳを
設計・実装するまでの具体的なプロセスについて一冊で学べます。

実際にサイトデータをダウンロードして学べるから理解が深まります。

【本書の構成】
第１部「ＣＳＳ設計の前提」
第２部「メンテナブルなＣＳＳ」
第３部「ＣＳＳ設計のプロセス」
第４部「ＣＳＳ設計の実践」
付録「Ｆｌｅｘｉｂｌｅ　Ｂｏｘ　Ｌａｙｏｕｔ」

【本書の読者】
・フロントエンド開発の作法を学びたいＷｅｂデザイナー＆エンジニア
・Ｗｅｂアプリケーションを作りたいＷｅｂデザイナー
・フルスタックを目指すＷｅｂエンジニア
(「近刊情報」より)

目次

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

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。