谷 拓樹

<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月段階での情報に基づいて執筆しています。●解説している項目自体には変更はありませんが、仕様の変化に応じて、解説やコードを追加・変更・削除しています。ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。●そのほか、ブラウザの対応状況に合わせて説明やコードを修正し、ベンダープレフィックスも修正しています。●また、サンプルファイルについては、完成形のほか、実際に作業しながら学びたい人のために、説明部分が未入力になっている実習用ファイルを用意しました。

内容詳細

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

David Flanagan

村上 列

サイ本と呼ばれるJavaScriptの定番書

JavaScript 第6版

Steve Souders

武舎 広幸

福地 太郎

武舎 るみ

『ハイパフォーマンスWebサイト』の続編

続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス

エ・ビスコム・テック・ラボ

HTML5＋CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。 スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。 PCブラウザという１つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。 本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。≪Chapter1〜6≫では、そのパーツの作成について解説します。ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。≪Chapter7〜9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSS フレームワークを利用して作るのかを選択できるようにしています。 CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

赤間 公太郎

原 一宣。

こもり まさあき

HTML5+CSS3の「正しい」使い方を知ることで、新しい時代に対応する応用力が身に付きます。はじめて学ぶ人は、サイトの作り方をゼロから習得。すでに覚えた人は、「正しい」方法を復習できる。

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。

エビスコム

HTML5 & CSS3ステップアップブック

吉田 真麻

フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック! 

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。現在主流のWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。実際のWeb制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

吉田/真麻
1991年生まれ。中学時代に個人のモバイルサイトを作ったことがきっかけでHTML/CSSコーディングの面白さを知り、高校・大学と学業のかたわら趣味仕事問わず複数のサイト制作を行なう。19歳の頃から本格的にWeb制作業に就き、その後PHPとJavaScriptに出会ってプログラミングに目覚める。現在の活動は主にフロントエンドエンジニアとして、HTML/CSS/JavaScriptでのシングルページアプリケーションの開発や個人のプロダクト制作、イベント登壇など(本データはこの書籍が刊行された当時に掲載されていたものです)

タグ：HTML5の検索結果

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

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

JavaScript 第6版

続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

HTML5+CSS3の新しい教科書基礎から覚える、深く理解できる。

HTML5 & CSS3ステップアップブック

HTML5/CSS3モダンコーディングフロントエンドエンジニアが教える3つの本格レイアウトスタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)

徹底解説HTML5マークアップガイドブック

HTML5 Canvas

タグ：HTML5の検索結果

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

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

JavaScript 第6版

続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。

HTML5 & CSS3ステップアップブック

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)

徹底解説HTML5マークアップガイドブック

HTML5 Canvas

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

HTML5+CSS3の新しい教科書基礎から覚える、深く理解できる。

HTML5/CSS3モダンコーディングフロントエンドエンジニアが教える3つの本格レイアウトスタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)