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

著者

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

書誌事項

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

田辺丈士 [ほか] 著

(Web engineer's books)

翔泳社, 2017.3

タイトル別名

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

タイトル読み

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

大学図書館所蔵 件 / 16

この図書・雑誌をさがす

注記

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

内容説明・目次

内容説明

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

目次

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

「BOOKデータベース」 より

関連文献: 1件中  1-1を表示

詳細情報

ページトップへ