はじめてのCSS設計 : フロントエンドエンジニアが教えるメンテナブルなCSS設計手法
Author(s)
Bibliographic Information
はじめてのCSS設計 : フロントエンドエンジニアが教えるメンテナブルなCSS設計手法
(Web engineer's books)
翔泳社, 2017.3
- Other Title
-
はじめてのCSS設計 : フロントエンドエンジニアが教えるメンテナブルなCSS設計手法
- Title Transcription
-
ハジメテ ノ CSS セッケイ : フロント エンド エンジニア ガ オシエル メンテナブル ナ CSS セッケイ シュホウ
Access to Electronic Resource 1 items
Available at / 16 libraries
-
No Libraries matched.
- Remove all filters.
Search this Book/Journal
Note
その他の著者: 大江遼, 藤岡龍太, 安光太郎, アイ・エム・ジェイ
Description and Table of Contents
Description
CSSのコーディングをしたことのある人であれば「CSSを指定したら、思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったらCSSが煩雑になった」「CSSファイルが肥大化して、どこを編集したらいいのかわからなくなった」といった経験が少なからずあるはずです。本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルサイトの構築を追いながら、保守・運用までを考慮した破綻しないCSSを設計・実装するまでの具体的なプロセスについて一冊で学べます。
Table of Contents
- 1 CSS設計の前提(CSSの設計;CSSの仕組みと特性;CSSの破綻)
- 2 メンテナブルなCSS(基本フォーマット;カテゴライズ;命名規則;スタイルガイド)
- 3 CSS設計のプロセス(ページ構成要素の洗い出し;コンテンツのモジュール化;Sassを利用した効率的なモジュール設計;モジュール設計)
- 4 CSS設計の実践(サンプルサイトとその概要;gulpの構築;ベースルールを考える;HTMLテンプレートの作成;コンテンツモジュールの作成;モジュールを利用したページ制作)
- APPENDIX Flexible Box Layout(Flexible Box Layout Module;実装方法とプロパティについて)
by "BOOK database"