【4年連続、売上第1位！】

【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】

ずっと、一番売れているHTML本!

大反響! 32刷突破！

読者の圧倒的な支持！シリーズ35万部突破の大ヒット!

全国の書店員がオススメする本(CPU大賞)第1位!

2019-2022年、年間売上 第1位!※

Web制作に必要な知識がすべて身につく!

※日販売上げランキング: HTML関連書籍

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Web界隈やデザイナーに大人気！

Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、

Manaによる渾身のHTML & CSSとWebデザインが学べる本

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

今のWebサイトの作り方が一気に学べる！

・知識ゼロから体系的に学べる！HTMLとCSSの基本

・最新の技術に対応！レスポンシブ、Flexbox、CSSグリッド

・手を動かしながら学べる！プロの現場で役立つテクニック

・コードの知識からデザインのことまで1冊ですべて学べる！

WebクリエイターボックスのManaが教える

Webサイト制作の定番＆旬のスキル。

この1冊で必要なことがすべて学べる！

コードもデザインも全部学べる！

●本書の対象読者

・これからWebサイトを作り始める初心者

・HTMLとCSSを基本から学びたい人

・美しいデザインのWebサイトを作りたい人

・Webの最新技術を学びたい人

モバイルファースト＆レスポンシブなサイトの作成手法を、ステップ・バイ・ステップでマスターする！

本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。

サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。

Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション

それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。

章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。

HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。

「本書では、新しいHTML&CSSに沿った形で『レスポンシブWebデザイン』を見直し、ページを作成しながらさまざまな選択肢を比較検討していきます。

サンプルのページを作成するばかりでなく、ページを実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』（著者「はじめに」より）

演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&CSSコーディングを体感してください。

【特典付き】

・特典PDF『HTML&CSS　簡易リファレンス』

本書のサポートサイトから入手してください。

Introduction　イントロダクション

Setup　下準備

Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション

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

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

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

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

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

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

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

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

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

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

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

Ｗｅｂサイトのコードが読める・分かる。書式、ＨＴＭＬタグ、ＣＳＳプロパティーすべてを網羅した定番リファレンス。