大好評！　HTMLとCSSのよく使われるタグ、プロパティに内容をしぼったリファレンスです。最新ブラウザとHTML Living Standardの仕様に対応して改訂しました。目的別だから使いやすく、引きやすい。あのタグ、どう書くんだっけ？というときにサッと調べられます。サンプルもシンプルで、わかりやすくて、しかも楽しい。ポケットサイズだから机の上でかさばらず、持ち運びやすい。開発業務で必要な方だけでなく、WordPressサイトなどのブログ、Webサイトを運営している方にもおススメです。

Chapter 1　HTMLの基本

HTMLとは

Chapter 2　HTMLリファレンス

全体構造／セクション／テキストの表示／リスト／テーブル／リンク／画像・動画などのコンテンツ／フレーム／フォーム

Chapter 3　スタイルシートの基本

スタイルシートとは／スタイルシートの設定パターン／適用メディアの設定パターン（メディアクエリー）／スタイルシートの適用対象（セレクタ）

Chapter 4　CSSプロパティリファレンス

フォント／テキスト／背景／ボーダー／リスト／テーブル／表示と配置／インターフェイス／レイアウト／カラム／トランスフォーム／トランジション／アニメーション／フィルター効果

Appendix

式／変数／Webカラー

せっかく学ぶのなら、プロ志向のHTMLを！

ウェブデザイン制作の現場で役立つHTMLを奥深くまで徹底解説。ウェブサイトの基本的なしくみから、要素を使いこなすための知識まで、じっくりと学習することができます。ただHTMLを書くだけではなく、アクセシビリティやユーザビリティの視点を知ることで、よりよいコーディングに自らたどりつけるようになります。現役講師による会話形式のやさしい解説つきで、はじめてHTMLを学ぶ方でも挫折しません。また、HTMLを学んだことはあるけれど、ゼロから書きはじめる自信がない方、次の1冊で確実なコーディング力をつけたいと望む方にも、おすすめです。これ1冊で、ウェブページの先頭から末尾まで、HTMLを自力で書けるようになります！

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。

そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。

代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。

駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。

フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。

HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。

本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。

「フロントエンド技術は移り変わりが激しい」と言われてきました。

しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。

また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。

Ｗｅｂサイトを分解→組み立て！本格的なＷｅｂ制作を追体験して、脱初心者を目指そう。タグやプロパティは覚えたけれど、いざコードを書こうとすると、つい手が止まってしまう…。もしあなたがこんな悩みをお持ちなら、本書はぴったりの一冊です。本書は、モックアップをもとに、サイトの構成要素をブロック単位に分解し、ひとつずつコーディングして組み立てるという本格的なＷｅｂ制作さながらのプロセスをハンズオン形式で実践学習します。

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