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

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

「私は、私を殺した犯人を知りたい」

死の間際、薄れゆく意識の中で女王オフィーリアはそう願う。

すると、王冠の持ち主にだけ与えられる“古の約束”により、妖精王リアは十日間だけオフィーリアを生き返らせてくれた。

「一度は死んだ身よ。ならば今度こそやりたいことを全てやってやるわ」

オフィーリアを使って権力を握ろうとした夫、

周囲に流されがちで頼りない弟、

恋心を寄せてくる近衛騎士……

数え上げればキリがない犯人候補たち。

女王を殺したのは誰なのか!?

生前の雪辱を果たす強烈な平手打ちが炸裂する王宮ミステリー開幕!!

【2020年10月2日（金）映画公開！】

W主演佐藤大樹（EXILE/FANTASTICS）＆橋本環奈

小説は、好きですかーー？

いつか誰かが泣かないですむように、今は君のために物語を綴ろう。

僕は小説の主人公になり得ない人間だ。学生で作家デビューしたものの、発表した作品は酷評され売り上げも振るわない……。

物語を紡ぐ意味を見失った僕の前に現れた、同い年の人気作家・小余綾詩凪。二人で小説を合作するうち、僕は彼女の秘密に気がつく。彼女の言う“小説の神様”とは？　そして合作の行方は？　書くことでしか進めない、不器用な僕たちの先の見えない青春！

第一話　星一つ

第二話　虎は震えている

第三話　物語への適正値

第四話　物語の断絶

第五話　小説の神様

エピローグ