HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
  • 発売元: 翔泳社
  • レーベル: 翔泳社
  • スタジオ: 翔泳社
  • メーカー: 翔泳社
  • 価格: ¥ 2,894
  • 発売日: 2015/11/03
  • 売上ランキング: 5260

「モダン」なんて単語がついてるから、さぞかし見たことのないコーディングが学べるのだろう、なんて思っていました。しかし、実際にページを読んでいくと、そんな予想をいい意味で裏切ってくれる一冊だとすぐにわかりました。

本書では以下の3つのパターンのデザインのコーディングを完成させていく方法でコーディングが学べます。

・スタンダードレイアウト
・グリッドレイアウト
・シングルページレイアウト

この3つのレイアウトって実際に運用されているWebサイトの定番レイアウトなんですよね。これがすごくよかったですね。

HTMLの入門書ってほとんどがタグの使い方を解説しているものばかりだから、本を読んで勉強しても、

「こんなページ、実際にはつくらねえだろ・・・」

っていうデザインばっかりなんですよね。

しかし、このモダンコーディングの本は、そういった入門書を一通りこなした人が、実際のWEB制作の現場で使えるコーディングを学ぶことができる一冊に仕上がっています。私のようにすでにWEB業界でマークアップエンジニアとして働いている人にとっても、「あるある!」っていう感じのコーディングや、「へー、こういうやり方もあるんだなぁ」といったコーディングまで幅広く取り扱っていて、結構楽しく読むことができました。

本書で出てくる話題は、HTML5とCSS3に絞られています。PHPやJavaScriptの話題はほとんどありません。また、コーディングの解説の中で登場したHTMLやCSSのネタは「ONE POINT」としてコラム的に別箇取り上げられ解説されています。とても丁寧でわかりやすいと思いました。

さて、本書で取り上げられているコードですが、現役のマークアップエンジニアの私からみても、ほとんど無駄がなく洗練されているコードだと感じました。after疑似要素やbefore疑似要素の使い方もすばらしく、一番最後に取り上げられているシングルページレイアウトの完成されたコードなどは、本当によく考えられたコードだなぁと思いました。ちなみに、この最後のシングルページレイアウトに関しては、最終的にレスポンシブのコードとしてスマートフォン対応までされています。本書はレスポンシブがメインの書籍ではないので、そんなにガツガツとメディアクエリーを書くわけではないのですが、PC向けに作ったサイトをレスポンシブ対応したコードにするのに最低限必要な考え方も学習できます。

とまぁ、ここまで褒めまくりましたが、あえて難点を言うと、まったくの初心者が読むにはちょっと内容が難しいかなぁという点ですね。ある程度、コーディングができる人が対象の本だと感じました。だからこそ、250ページという薄さでこの内容が実現できているんでしょうね。私も1週間という期間で本書を2周することができました。本書を読んで私も新しく覚えたこともあったことだし、コーディングの実力を伸ばしたいすべてのWEBクリエイターにとって、お勧めできる一冊です。

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
  • 発売元: 翔泳社
  • レーベル: 翔泳社
  • スタジオ: 翔泳社
  • メーカー: 翔泳社
  • 価格: ¥ 2,894
  • 発売日: 2015/11/03
  • 売上ランキング: 5260

==========
ブログの更新情報をTwitterやfacebookで紹介しています。ぜひフォローお願いします!
Twitter → @jugedred
facebook → Jugedred Project

あわせて読みたい


この記事をかいた人

ドレッド Webクリエイター、ライター

Webクリエイター&ライター。フリーランス目指していろいろと活動中。このブログではWeb制作やライティングでお役に立ちそうは知識から、ドレッドの雑記的な内容まで幅広いネタを取り扱っています。ご質問、ご要望、お仕事のご依頼はお問い合わせフォームからどうぞ! 2016年10月から放送大学に入学しました。

HTML | Posted on 2015/12/29 16:13

※コメントは管理人の承認後に公開されます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です