CSS設計完全ガイド〜詳細解説+実践的モジュール集

CSS設計完全ガイド 〜詳細解説+実践的モジュール集 [電子書籍版]
半田惇志

7位 デザイン・グラフィックス部門 楽天ブックス週間ランキング(2020年11月16日-2020年11月22日)ランキングを見る

3,608(税込)

楽天Kobo初めての方へ!クーポン&ポイントプレゼント
初めての方へ クーポン&ポイントプレゼント

紙書籍版も取り扱ってます!

楽天Kobo 電子書籍版 CSS設計完全ガイド 〜詳細解説+実践的モジュール集 3,608円
紙書籍版 CSS設計完全ガイド 〜詳細解説+実践的モジュール集 3,608円

商品基本情報

  • 著者:   半田惇志
  • 発売日:  2020年02月27日
  • 出版社:  技術評論社
  • 商品番号:  9784297111748
  • 言語:  日本語
  • 対応端末:   電子書籍リーダー, Android, iPhone, iPad, デスクトップアプリ

商品説明

(概要)

CSS設計の考え方をウェブ開発に取り入れる案件が、プロジェクトの大小を問わず増えています。本書は、CSSのさまざまな設計手法を紹介しつつ、基礎から実践のポイントまで解説します。ボタン、ラベル、カード、テーブルといったモジュールごとの、実践的なコードを多数掲載。代表的な設計手法であるBEMと、著者が独自に開発したPRECSSの2パターンを取り上げています。その他、CSS開発を効率化するさまざまなツールも紹介します。


(こんな方におすすめ)

・CSS設計の知識を吸収し、フロントエンドエンジニアにステップアップしたいひと

・向上心が強く、CSS設計について理解を深めたい初級フロントエンドエンジニア

・会社としてCSSのルールを策定したいチームリーダー等の責任者


(目次)

Chapter 1 CSSの歴史と問題点

  1-1 CSSの始まり

  1-2 CSSの問題点

  1-3 複雑化するWeb開発

  1-4 解決策として生まれたCSS設計

  1-5 CSS設計とデザインシステムとの連携

Chapter 2 CSS設計の基本と実践

  2-1 【CSS設計の前に】CSSの基本 詳細度とセレクターに】リセットCSS

  2-3 【CSS設計の前に】英単語を結合する方式の名前

  2-4 よいCSS設計が目指す4つのゴール

  2-5 CSS設計の実践と8つのポイント

  2-6 モジュールの粒度を考える

  2-7 CSS設計の必要性

Chapter 3 さまざまな設計手法

  3-1 本Chapterの前提

  3-2 OOCSS

  3-3 SMACSS

  3-4 BEM

  3-5 PRECSS

Chapter 4 レイアウトの設計

  4-1 Chapter 4~Chapter 7のコードの前提

  4-2 本Chapterで扱うサンプル

  4-3 ヘッダー

  4-4 フッター

  4-5 コンテンツエリア

Chapter 5 CSS設計モジュール集1 最小モジュール

  5-1 本Chapter以降のモジュール集の進め方

  5-2 最小モジュールの定義

  5-3 ボタン

  5-4 アイコン付き小ボタン

  5-5 アイコン

  5-6 ラベル

  5-7 見出し

  5-8 注釈

Chapter 6 CSS設計モジュール集2 複合モジュール

  6-1 複合モジュールの定義

  6-2 メディア

  6-3 カード

  6-4 テーブル(水平)

  6-5 テーブル(垂直)

  6-6 テーブル(交差)

  6-7 ページャー

  6-8 タブナビゲーション

  6-9 CTA

  6-10 料金表

  6-11 FAQ

  6-12 アコーディオン

  6-13 ジャンボトロン

  6-14 ポストリスト

  6-15 順序なしリスト

  6-16 順序ありリスト

Chapter 7 CSS設計モジュール集3 モジュールの再利用

  7-1 最小モジュールを利用した複合モジュールの作成

  7-2 最小モジュールと複合モジュールの組み合わせ

  7-3 複合モジュール同士の組み合わせ

Chapter 8 CSS設計をより活かすためのスタイルガイド

  8-1 スタイルガイドとは

  8-2 なぜスタイルガイドが必要か?

  8-3 スタイルガイドを作成する

  8-4 スタイルガイドを作成する方針のまとめ

Chapter 9 CSS開発に役立つその他の技術

  9-1 CSS開発を効率化する、ミスを減らす

  9-2 人による差異をなくす

  9-3 リファクタリングのヒントを得る

  9-4 CSSを軽量化する

  9-5 HTML開発を効率化する

  9-6 開発にまつわるタスクを自動処理する

商品レビュー(2件)

総合評価
 

楽天Koboのレビュー

まだレビューがありません。 レビューを書く

楽天ブックスランキング情報

楽天Kobo電子書籍版

  • 電子書籍のお得なクーポン・キャンペーン

  • 人気コミックや最新の雑誌など!今すぐ読める無料作品をご紹介♪人気コミックや最新の雑誌など!今すぐ読める無料作品をご紹介♪
  • もっと見る

最近チェックした商品

    ※表示を削除したい場合は閲覧履歴のページから削除お願いいたします

    購入データ自動連携!楽天ブックス公式 無料 読書管理パプリ Readee

    関連する商品(紙書籍版)

    このページの先頭へ