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

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。

現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。

実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。

駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

PART0　イントロダクション
　A　本書で作成するサイト
　B　コーディングの進め方
　C　デベロッパーツールの使い方
　D　本書の読み方
PART1　スタンダードレイアウト
　01　このPARTで作るサイト
　02　ベースのコーディング
　03　ヘッダーのコーディング
　04　メイン領域のコーディング
　05　サイドメニューのコーディング
　06　フッターのコーディング
PART2　グリッドレイアウト
　07　このPARTで作るサイト
　08　ベースのコーディング
　09　ボックスのコーディング
　10　中ボックスと大ボックスのコーディング
　11　ナビゲーションのコーディング
PART3　シングルページレイアウト
　12　このPARTで作るサイト
　13　ベースのコーディング
　14　ヘッダーのコーディング
　15　セクション1（ABOUT ME）のコーディング
　16　セクション2（WORKS）のコーディング
　17　セクション3（MY SKILLS）のコーディング
　18　セクション4（CONTACT）とフッターのコーディング
　19　スマートフォン対応の下準備
　20　スマートフォン対応のコーディング