出版社内容情報
モダンWebの制作現場へ、ようこそ！
保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。
SMACSS、BEM、モジュール設計、npm、Flexible Boxまで！
CSSのコーディングをしたことのある人であれば、「CSSを指定したら、
思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら
CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか
わからなくなった」といった経験が少なからずあるはずです。
本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで
解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の
方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの
Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを
設計・実装するまでの具体的なプロセスについて一冊で学べます。
実際にサイトデータをダウンロードして学べるから理解が深まります。
【本書の構成】
第1部「CSS設計の前提」
第2部「メンテナブルなCSS」
第3部「CSS設計のプロセス」
第4部「CSS設計の実践」
付録「Flexible Box Layout」
【本書の読者】
・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア
・Webアプリケーションを作りたいWebデザイナー
・フルスタックを目指すWebエンジニア
PART-1 CSS設計の前提
Chapter-01 CSSの設計
Chapter-02 CSSの仕組みと特性
Chapter-03 CSSの破綻
PART-2 メンテナブルなCSS
Chapter-04 基本フォーマット
Chapter-05 カテゴライズ
Chapter-06 命名規則
Chapter-07 スタイルガイド
PART-3 CSS設計のプロセス
Chapter-08 ページ構成要素の洗い出し
Chapter-09 コンテンツのモジュール化
Chapter-10 Sass を利用した効率的なモジュール設計
Chapter-11 モジュール設計
PART-4 CSS設計の実践
Chapter-12 サンプルサイトとその概要
Chapter-13 gulp の構築
Chapter-14 ベースルールを考える
Chapter-15 HTML テンプレートの作成
Chapter-16 コンテンツモジュールの作成
Chapter-17 モジュールを利用したページ制作
APPENDIX Flexible Box Layout
Appendix-01 Flexible Box Layout Module
Appendix-02 実装方法とプロパティについて
田辺 丈士［タナベ タケシ］
大江 遼［オオエ リョウ］
藤岡 龍太［フジオカ リュウタ］
安 光太郎［ヤス コウタロウ］
株式会社アイ・エム・ジェイ［カブシキガイシャアイエムジェイ］
内容説明
ＣＳＳのコーディングをしたことのある人であれば「ＣＳＳを指定したら、思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったらＣＳＳが煩雑になった」「ＣＳＳファイルが肥大化して、どこを編集したらいいのかわからなくなった」といった経験が少なからずあるはずです。本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで解説します。ＣＳＳの言語的な特性から、「ＳＭＡＣＳＳ」や「ＢＥＭ」といったＣＳＳ設計の方法論、ＣＳＳプリプロセッサ「Ｓａｓｓ」の導入、さらに、実際にサンプルサイトの構築を追いながら、保守・運用までを考慮した破綻しないＣＳＳを設計・実装するまでの具体的なプロセスについて一冊で学べます。
目次
１ ＣＳＳ設計の前提（ＣＳＳの設計；ＣＳＳの仕組みと特性；ＣＳＳの破綻）
２ メンテナブルなＣＳＳ（基本フォーマット；カテゴライズ；命名規則；スタイルガイド）
３ ＣＳＳ設計のプロセス（ページ構成要素の洗い出し；コンテンツのモジュール化；Ｓａｓｓを利用した効率的なモジュール設計；モジュール設計）
４ ＣＳＳ設計の実践（サンプルサイトとその概要；ｇｕｌｐの構築；ベースルールを考える；ＨＴＭＬテンプレートの作成；コンテンツモジュールの作成；モジュールを利用したページ制作）
ＡＰＰＥＮＤＩＸ Ｆｌｅｘｉｂｌｅ Ｂｏｘ Ｌａｙｏｕｔ（Ｆｌｅｘｉｂｌｅ Ｂｏｘ Ｌａｙｏｕｔ Ｍｏｄｕｌｅ；実装方法とプロパティについて）
感想・レビュー
※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。
さぼてん
yyhhyy
-
- 和書
- マンディーン占星術
