谷 拓樹

<b>あとで困るコードを書いてない?</b>

「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」

コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、
「ちゃんとCSSを書く」ためのプロの考え方を徹底解説! 

「セレクタが複雑になってしまう……」
「オブジェクト指向CSSってなに?」
「考え方はわかったけど、どう組めばいいの?」

そんな人のバイブルになるのが、この本です。

破綻しやすいCSS、セレクタのリファクタリングなどの基本から、
OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、
実際によくあるパターンのコードの組み方までを丁寧に解説。
また、注目されはじめた「Web Components」についても説明します。

第1章 CSSにおける設計とは
第2章 CSSの基本を振り返る
第3章 コンポーネント設計のアイデア
第4章 コンポーネント設計の実践
第5章 CSSプリプロセッサを用いた設計と管理
第6章 コンポーネントの運用に必要なツール
第7章 Web Componentsの可能性

内容紹介

予測しやすい、保守しやすい、最利用しやすい、拡張しやすい―コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説!

内容（「BOOK」データベースより）

谷 拓樹(たに・ひろき)
株式会社サイバーエージェント フロントエンドエンジニア
中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、
現在はコミュニティサービスの開発、UIデザイン、テクニカルディレクションを担当している。
Frontrend、JS Girls、html5jなどのコミュニティ活動や講演活動、その他技術書の執筆もおこなう。
著書に『HTML5+CSS3で作る 魅せるiPhoneサイト』(ラトルズ)など。
●Twitter:http://twitter.com/hiloki
●ブログ:http://inkdesign.jp
●GitHub:https://github.com/hiloki/

著者について

谷/拓樹
株式会社サイバーエージェントフロントエンドエンジニア。中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、現在はコミュニティサービスの開発、UIデザイン、テクニカルディレクションを担当している。Frontrend、JS Girls、html5jなどのコミュニティ活動や講演活動、その他技術書の執筆もおこなう(本データはこの書籍が刊行された当時に掲載されていたものです)

著者略歴 (「BOOK著者紹介情報」より)

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

大藤 幹

気軽に読めて、「わかった」を積み重ねられる！「Webの知識が今、必要」で、「これからのWebの基礎力をつけたい」人のためのHTML5+CSS3本。本書は、“楽しみながら学べる”HTMLとCSSの入門書です。いま現在の、このタイミングで学びはじめるわけですから、最新バージョンのHTML5とCSS3をベースとした内容となっています。また、この第2版では、本書をテキストにして講義をおこなう先生方の事前準備の時間をできるだけ短縮できるように、サンプルファイルなどに大幅な改良を加えてあります。まず、読者が“楽しみながら学べる”ということを実現するために、本書の全体的な構成は一般的なHTMLとCSSの入門書とは大きく変えてあります。先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れにしてしまうと、前半はHTMLのタグを覚えていくだけの退屈な内容になってしまうからです。学習を開始した早々、眠くなるような説明が延々と続いたのでは、頑張ろうとする意欲も消え失せてしまうかもしれません。そこで本書では、HTMLをひととおり学習してからCSSへと進むという一般的な構成をやめ、HTMLとCSSを少しずつ同時進行させる構成にしてあります。このような進め方にすると、覚えた内容をすぐにブラウザでの表示結果として確認できるため、少しずつできるようになっていく感覚を積み重ねながら、退屈せずに学習を進めることができます。本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。（「まえがき」より編集） ≪第1版からの変更点≫●第1版は、2012年7月段階の情報に基づき執筆されました。第2版では、2014年3月段階での情報に基づいて執筆しています。●解説している項目自体には変更はありませんが、仕様の変化に応じて、解説やコードを追加・変更・削除しています。ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。●そのほか、ブラウザの対応状況に合わせて説明やコードを修正し、ベンダープレフィックスも修正しています。●また、サンプルファイルについては、完成形のほか、実際に作業しながら学びたい人のために、説明部分が未入力になっている実習用ファイルを用意しました。

タグ：CSS3の検索結果

Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

よくわかるHTML5+CSS3の教科書【第2版】

タグ：CSS3の検索結果

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

よくわかるHTML5+CSS3の教科書【第2版】

Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法