書籍
Tailwind CSS実践入門
工藤智祥
Amazonで購入※ 上記は Amazon アソシエイトによる広告リンクです。
概要
BEM等の旧来の手法からユーティリティファーストへと至るCSSアーキテクチャの変遷と、 スケーラブルなスタイリングの基盤構築を詳解する。
対象読者
- CSSアーキテクチャを学びたいエンジニア
- Tailwind CSSを実務で活用したい開発者
目次 9章
- 第1章 ユーティリティファーストとは何か
- 第2章 Tailwind CSSはどういうフレームワークか
- 第3章 Tailwind CSSを導入する
- 第4章 Tailwind CSSでマークアップする
- 第5章 Tailwind CSSの背後にあるコンセプトを理解する
- 第6章 Tailwind CSSでコンポーネントを設計する
- 第7章 Tailwind CSSをカスタマイズする
- 第8章 Tailwind CSSを既存のプロジェクトに導入する
- 第9章 ユーティリティファーストでデザインシステムを構築する
タグ
#css#tailwind#utility-first
奥付
- 出版社
- 技術評論社
- ISBN
- 978-4297139438
- 出版日
- 2024年1月
- 参考定価
- ￥3,740税込Amazonの実売価格と異なる場合があります
この本を手に入れる
※ 上記は Amazon アソシエイトによる広告リンクです。関連書籍
前提となる書籍
- 推奨前提
CSSとJavaScriptで作る動くUIアイデアレシピ
Mana
理由: 個別の UI 表現を作れるようになったら、スタイルを「設計」としてスケールさせる方法へ進む。Tailwind CSS実践入門はユーティリティファーストの考え方で、命名や詳細度の悩みを避けながら一貫した UI を保守する手法を与える。
次に読む書籍
- 参考
Webアプリケーションアクセシビリティ
今日から始める現場からの改善
伊原力也, 小林大輔, 桝田草一, 山本伶
理由: 見た目を自在に設計できるようになると、色のコントラストやフォーカス表示といった「見え方の質」がアクセシビリティに直結することに気づく。Webアプリケーションアクセシビリティは視覚・操作の両面から、スタイル選択が利用者を選別しないための基準を与える。
- 参考
Webフロントエンド ハイパフォーマンス チューニング
久保田光則
理由: スタイルの設計を整えたら、その CSS や描画がページ速度に与える影響まで視野に入れる。Webフロントエンド ハイパフォーマンス チューニングは未使用 CSS の削減やレイアウト計算のコストといった、見た目と速さの両立に必要な視点を与える。