Web制作者のためのCSS設計の教科書

谷拓樹(著者)

• 販売会社／発売会社: インプレスコミュニケーションズ
• 発売年月日: 2014/07/01
• JAN: 9784844336358

商品レビュー

2022/01/24

CSS設計について、調べても断片的知識しか得られていない感覚があったため、体系的に学習したく購入。様々な設計方、設計に係る考え方が非常にわかりやすく学習出来ました。
Sassのファイル設計についても学習したいので、別の著書も購入しようと思います。

2020/11/21

web作成を趣味としているが、cssがどうしても冗長化したり、スパゲティになってしまうことが多々あった。この本は、そんな悩みに指針を与えてくれる。cssをある程度使っていて、キレイなコードを書きたい人にオススメの本。

2020/02/28

CSS設計の基本となる考え方について勉強できたのでよかった。
以下のような事柄について書かれている。
### 良いCSS設計の特性
- 予測しやすい
- 再利用しやすい
- 保守しやすい
- 拡張しやすい
の特性を持つこと。

### 破綻しやすいCSS
- HTMLの構造に依存している
- article h1 { color: red; }とか。
- スタイルを取り消している
- 一度定義したルールを `0`や `none` などでリセットしているとか
- 絶対値を多用している

詳細度
1. !important
2. インライン記述(style属性)
3. IDセレクタ
4. クラスセレクタ・属性セレクタ・擬似クラス
5. 要素セレクタ・擬似要素
6. ユニバーサル・セレクタ

コンポーネント設計のアイデア
- OOCSS(Object Oriented CSS)
- SMACSS(Scalable and Modular Architecture For CSS)
- BEM(Block, Element, Modifier=変更)
- FLOCSS(フロックス)