内容紹介（出版社より）

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


本書は、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　スマートフォン対応のコーディング

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

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

目次（「BOOK」データベースより）

０　イントロダクション（本書で作成するサイト／コーディングの進め方　ほか）／１　スタンダードレイアウト（このＰＡＲＴで作るサイト／ベースのコーディング　ほか）／２　グリッドレイアウト（このＰＡＲＴで作るサイト／ベースのコーディング　ほか）／３　シングルページレイアウト（このＰＡＲＴで作るサイト／ベースのコーディング　ほか）／ＡＰＰＥＮＤＩＸ　セルフコーディングにチャレンジ　コーディング例

著者情報（「BOOK」データベースより）

吉田真麻（ヨシダマアサ）
１９９１年生まれ。中学時代に個人のモバイルサイトを作ったことがきっかけでＨＴＭＬ／ＣＳＳコーディングの面白さを知り、高校・大学と学業のかたわら趣味仕事問わず複数のサイト制作を行なう。１９歳の頃から本格的にＷｅｂ制作業に就き、その後ＰＨＰとＪａｖａＳｃｒｉｐｔに出会ってプログラミングに目覚める。現在の活動は主にフロントエンドエンジニアとして、ＨＴＭＬ／ＣＳＳ／ＪａｖａＳｃｒｉｐｔでのシングルページアプリケーションの開発や個人のプロダクト制作、イベント登壇など（本データはこの書籍が刊行された当時に掲載されていたものです）