最強のCSS設計

最強の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 クラス名をつけるのにすごく迷う!
 ほか
続きを読む

価格:2420円
ページ数:196ページ
出版日:2015/10/23

マイポイントで購入できる作品について

Webデザイン/グラフィック/HTML ランキング 一覧

本日のランキング
週間ランキング
月間ランキング
会員登録(無料)

登録すると、ブック・月額コースの購入や立ち読みページの増加などより一層お楽しみいただけます。