はじめてのCSS設計 : フロントエンドエンジニアが教えるメンテナブルなCSS設計手法

Author(s)

    • 田辺, 丈士 タナベ, タケシ
    • 大江, 遼 オオエ, リョウ
    • 藤岡, 龍太 フジオカ, リュウタ
    • 安, 光太郎 ヤス, コウタロウ
    • アイ・エム・ジェイ アイエムジェイ

Bibliographic Information

はじめてのCSS設計 : フロントエンドエンジニアが教えるメンテナブルなCSS設計手法

田辺丈士 [ほか] 著

(Web engineer's books)

翔泳社, 2017.3

Other Title

はじめてのCSS設計 : フロントエンドエンジニアが教えるメンテナブルなCSS設計手法

Title Transcription

ハジメテ ノ CSS セッケイ : フロント エンド エンジニア ガ オシエル メンテナブル ナ CSS セッケイ シュホウ

Available at  / 16 libraries

Note

その他の著者: 大江遼, 藤岡龍太, 安光太郎, アイ・エム・ジェイ

Description and Table of Contents

Description

CSSのコーディングをしたことのある人であれば「CSSを指定したら、思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったらCSSが煩雑になった」「CSSファイルが肥大化して、どこを編集したらいいのかわからなくなった」といった経験が少なからずあるはずです。本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルサイトの構築を追いながら、保守・運用までを考慮した破綻しないCSSを設計・実装するまでの具体的なプロセスについて一冊で学べます。

Table of Contents

  • 1 CSS設計の前提(CSSの設計;CSSの仕組みと特性;CSSの破綻)
  • 2 メンテナブルなCSS(基本フォーマット;カテゴライズ;命名規則;スタイルガイド)
  • 3 CSS設計のプロセス(ページ構成要素の洗い出し;コンテンツのモジュール化;Sassを利用した効率的なモジュール設計;モジュール設計)
  • 4 CSS設計の実践(サンプルサイトとその概要;gulpの構築;ベースルールを考える;HTMLテンプレートの作成;コンテンツモジュールの作成;モジュールを利用したページ制作)
  • APPENDIX Flexible Box Layout(Flexible Box Layout Module;実装方法とプロパティについて)

by "BOOK database"

Related Books: 1-1 of 1

Details

Page Top