HTML5とCSS3を職として身につけたい人が最初に読んでほしいオススメの本 -HTML5+CSS3の教科書

HTMLとCSSはWeb制作の中では敷居が低く、あまり詳しくなくてもWebページやブログなどを作成することができます。しかし職として考えた時は、必要な知識をしっかりと身につけたいものです。

HTMLってそもそも何なのか、どうして正しくタグをつける必要があるのか、CSSを使う意味は何？ といった基本から、実装でなぜこのタグを使うのかこういうテクニックを使うのかといったことまで、必要な正しい知識をしっかりとマスターできるコーディングをまじめに取り組みたい人にオススメの本を紹介します。

書店に並んでいる多くのHTML5とCSS3の書籍の中から自分にあった本を探す時は、必ずこの本も加えて検討してみてください。

著者は大藤 幹氏、この方のHTML, CSS本は本当にハズレがないです。もう絶版ですが「CSSプロフェッショナル・スタイル」あたりからお世話になっています。

よくわかる
HTML5+CSS3の教科書 第2版
[Amazonでみる]
[楽天でみる]

著：

大藤 幹

出版社：

マイナビ

発売日：

2014/5/27

Kindle版は、お値段がちょっとお安めです。

• よくわかる HTML5+CSS3の教科書 第2版 -Kindle版

本書はずっと使える力をチュートリアルで身につけるもので、初心者用にありがちなHTMLをちょっと書いて、次にCSSへ進むといった退屈な勉強法ではなく、HTMLとCSSの同時進行で、学んだ内容をすぐに使う実践形式になっています。
ご自身のセミナーの受講生たちのFBも多数取り入れているそうで、マークアップ教室の教材としても利用できます。

本書の構成

そんな本書の中身を紙面のキャプチャで少しだけご紹介。

1章はさらっと準備編。HTMLやCSSに適したエディタにはどんなのがあるか、どんな機能を備えているのが便利なのか、現役の人も一度確認してみてもいいですね。

2, 3章ではHTMLとCSSの基礎知識。チュートリアルとしては簡単な内容ですが、非常に大切なこととがたくさん書かれています。僕は現役時代に数多くのマークアップの面接を行ってきましたが、スキルを見る際はこの章にあるような内容を身につけているかどうかに大きなウエイトを置いていました。

4章からは実際にWebページのレイアウトやエレメントを作成していきながら、学んでいきます。HTML/CSSは2014年3月の段階で最新のものです。

HTML5自体を学ぶのにも適しています。HTML5になって新しく登場した要素、XHTMLから変更になった要素など、しっかりとした理解した上で使用しましょう。

実務に役立つノウハウも満載です。キャプチャはマージンが隣接している場合のボックスのレイアウト。それぞれのプロパティがどのように機能し、どのように描画されるか、そして期待通りに実装するためにはどのようにすればよいのか、明確に解説されています。
なぜこうなるのかという仕組みを理解していると、未知の問題にあたった時も対応ができると思います。

ブラウザの高さいっぱいに表示したいけどうまくいかない、、、仕組みを理解していればすぐに解決します。

初心者用だと実務でそれ使わないっていうサンプルが多くなりがちですが、レスポンシブ対応で背景をフルスクリーン表示させるなど、実用的なサンプルが多いです。キャプチャはレスポンシブ対応で、飛行機と背景がサイズによって異なる位置に表示されています。

ボックスのアウトラインって、ボーダーとは異なり、ボックスの一部ではなくボックスの上に描画されます。こういった仕組み的なことを一つ一つ覚えておくと、必ず役に立ちます。

CSS3アニメーションも基本からしっかり身につければ、難しいことは何一つありません。

よくわかる
HTML5+CSS3の教科書 第2版
[Amazonでみる]
[楽天でみる]

著：

大藤 幹

出版社：

マイナビ

発売日：

2014/5/27

献本の御礼

最後に、献本いただいたマイナビの担当者さまに御礼申し上げます。

当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。

• お問い合わせ｜コリス