田辺 丈士（著） , 大江 遼（著） , 藤岡 龍太（著） , 安 光太郎（著） , 株式会社アイ・エム・ジェイ（著）
※1点の税込金額となります。 複数の商品をご購入いただいた場合のお支払金額は、 単品の税込金額の合計額とは異なる場合がございますので、予めご了承ください。
CSSのコーディングをしたことのある人であれば、「CSSを指定したら、
思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら
CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか
わからなくなった」といった経験が少なからずあるはずです。
本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで
解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の
方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの
Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを
設計・実装するまでの具体的なプロセスについて一冊で学べます。
実際にサイトデータをダウンロードして学べるから理解が深まります。
【本書の構成】
第1部「CSS設計の前提」
第2部「メンテナブルなCSS」
第3部「CSS設計のプロセス」
第4部「CSS設計の実践」
付録「Flexible Box Layout」
【本書の読者】
・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア
・Webアプリケーションを作りたいWebデザイナー
・フルスタックを目指すWebエンジニア
PART-2 メンテナブルなCSS
Chapter-04 基本フォーマット
Chapter-05 カテゴライズ
Chapter-06 命名規則
Chapter-07 スタイルガイド
PART-3 CSS設計のプロセス
Chapter-08 ページ構成要素の洗い出し
Chapter-09 コンテンツのモジュール化
Chapter-10 Sass を利用した効率的なモジュール設計
Chapter-11 モジュール設計
PART-4 CSS設計の実践
Chapter-12 サンプルサイトとその概要
Chapter-13 gulp の構築
Chapter-14 ベースルールを考える
Chapter-15 HTML テンプレートの作成
Chapter-16 コンテンツモジュールの作成
Chapter-17 モジュールを利用したページ制作
APPENDIX Flexible Box Layout
Appendix-01 Flexible Box Layout Module
Appendix-02 実装方法とプロパティについて
さぼてん さん
2020-04-09
リモートなのでこれ幸いと永遠と高速化のために設計をやっているのですが、考えること多すぎてやばいな～というのが感想です。なまじメディアが大きいと後でしっぺ返しを食らいますし。でも勉強になるから楽しいな～とか言うとメンバーに引かれます。いつか、くっ…爆速でコーディングできてしまった…と言わせてやりたいものです。
yyhhyy さん
2021-07-25
CSS設計の基本からスタイルガイドジェネレータやテンプレートエンジンの紹介まで網羅的な入門書。いかんせん2017年発売のためコードを写経しても動かないので類書で補強が必要。
翔泳社のプログラミング書籍の中から、入門・初級者向けの書籍をピックアップ！
【Linux本特集】入門～達人レベルまで！クラウド時代の必須知識Linuxを学ぶおすすめの本
ライティングのスキルアップにおすすめの本。Webライティングやコピーライティングなど
お金と経済の基礎知識から、資産形成・投資術、お金教育や介護まで。暮らしに役立つマネー本
おしゃれな部屋作りのヒントやインテリアの基礎知識、色使い、うつわや洋食器の知識まで、幅広い書籍をご紹介
Excel、日商簿記、業務の自動化を実現するRPAやPythonの技術など、事務職としてステップアップしたい人に！
お気に入りに登録すると、気になる商品ページにすばやくアクセスできます。ご利用にはログインが必要です。
