- 購入(閲覧期間:会員登録期間)
- お気に入りに追加
- お気に入りに追加
- マイリストに追加
- マイリストに追加
最強のCSS設計
チーム開発を成功に導くケーススタディ
CSS設計を実践的に解説したはじめての書籍!
※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
CSS設計にベストプラクティスはありません。どのような設計にも必ずメリットとデメリットが存在します。そのため、どのようなプロジェクトにも完璧に適応できるCSSを設計する方法はないのです。
ではどうすればいいのか? ある程度のところで妥協するしかないのか? というとそうではありません。その時々に応じたベターな設計を行うことはできるのです。
本書が定義する最強のCSS設計とは、「対象のプロジェクトにがっちり最適化されたCSS設計」のことです。最強のCSS設計を目指すためには、まずプロジェクトの概要や周囲の環境をしっかりと把握する必要があります。そして、プロジェクトの進行中に起こりうる失敗パターンを想定し、それを的確に回避して成功パターンへと導ける設計のこと。それが最強のCSS設計です。
本書では、最強のCSS設計を目指し、そのために必要なノウハウを順を追って解説します。
CHAPTER01 実践的なCSS設計とは
01-01 これまでのCSS設計
CHAPTER02 CSS設計のためのさまざまな手法
02-01 OOCSS
02-02 SMACSS
02-03 BEM
ほか
CHAPTER03 Sassを導入しよう
03-01 CSSメタ言語とは
03-02 Sassの導入
03-03 CSS設計に役立つSassの機能
CHAPTER04 ケーススタディ(1) OOCSS、SMACSS編
04-01 プロローグ
04-02 OOCSSの基本
04-03 SMACSSの基本
04-04 Layoutの活用
04-05 エピローグ
CHAPTER05 ケーススタディ(2) BEM編
05-01 プロローグ
05-02 BEMの基本
05-03 さまざまなModifierの使い方
ほか
CHAPTER06 ケーススタディ(3) こんなときどうする?
06-01 JavaScriptのフック
06-02 引き継いだプロジェクトのCSS設計が解読できない
06-03 モジュール? コンポーネント? 言葉の意味がいろいろありすぎてわからない!
06-04 ソースコードの内容がわからない!
06-05 既存のモジュールの存在に気づかず、同じようなコードを書いてしまった!
06-06 ちょっとしたスタイルを気軽に付与するテクニックが知りたい!
06-08 クラス名をつけるのにすごく迷う!
ほか
続きを読む
(C) 2015
ページ数:196ページ
出版日:2015/10/23