はじめに
プログラミングの勉強をしたいなら,最初にHTMLとCSSを学ぶことがオススメされます.
他の言語と比べて分かりやすいためです.
しかし,実際にHTML&CSSを独学で学ぼうとするのも辛くないですか?
私はProgateというプログラミング学習サービスを使ってHTML&CSSを勉強しましたが,Progateだけでは到底実践で使える知識は身につきません.
その次のステップとして別の方法で勉強を続けるべきなのですが,実際にどうしたらいいのか進路を見出せず,迷子になりました.
そこで,HTML&CSSに関する本を読むようになったところ,本書
「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」
と出会いました.
今回は,本書がオススメな理由とためになった知識を紹介します.
本書をおススメする理由
はじめに言ってしまうと,めちゃくちゃおススメです.
表紙と裏表紙に大学生っぽい人のイラストが描かれているので,Webデザインに興味を持った大学生がターゲットなのだと思われます.
ですが,手に取ってみると驚きます.大学生どころか,高校生や中学生でも読めてしまうほど分かりやすいのです.
分かりやすいポイントは,以下の3つにあります.
ポイント
1.図が多い
2.レイアウトが見やすい
3.無駄がない
1.図が多い
2.レイアウトが見やすい
3.無駄がない
まず,図が多いために,コードの意味や目的を理解しやすいです.
入力コードを図示してくれているのはもちろんのこと,コードの違いによってデザインにどのような変化が出るのかも図を用いて比較してくれています.
そのため,美しいWebページに求められる文字サイズや余白,配色などが視覚的に理解しやすくなっています.
また,本書のレイアウト自体が見やすいことが,内容の理解を手助けしてくれます.
著者のManaさんはWebデザイナーとして長く活躍していらっしゃる方です.
そのスキルが,本書の構成に惜しみなく発揮されているのを感じます.
余白が適度に設けられているため情報量の多さに圧倒されることもないし,色使いも非常に見やすい.
コーディングと言うと無機質で味気ないイメージがありますが,本書には「温かみ」が感じられます.
最後に,本書には無駄がありません.
実践で必要なポイントだけを絞って教えてくれます.
無駄な説明がないことも,全体として読みやすく感じる要因の一つでしょう.
感想
1. 色の使い方
私が本書を読んで最もためになったのは,「色の使い方」です.
そもそも,白色を指定するときの「#fff」という文字列にどんな意味があるのかも知りませんでした.
本書を読んで,ようやく色の指定の仕方がわかりました.
また,何の色を組み合わせるかということも,デザインに与える印象が大きく変わることを知りました.
たくさんの色をグループ分けして「このグループに含まれる色はこういう印象を与える」ということを説明してくれたり,「こういうイメージを与えたいならこの4つの色を組み合わせるのがいい」というアイディアも教えてくれます.
それぞれ全く違う色を4つ組み合わせるだけで和風なイメージやスポーティーなイメージを作り出せるというのは意外でした.
私に色彩感覚が欠如しているため,とても参考になりました.
2. ブラウザ
あとは,ブラウザがなんのためにあるのかがようやくわかりました.
Google ChromeやInternet Explorerといったブラウザは,コードを翻訳してWebページにしてくれているのです.
ブラウザを使わないと,コードがそのままの状態で表示されてしまうそうです.
ブラウザを介さずにWebページを見たことがないので知りませんでした.
ブラウザに感謝です.
3.デフォルトCSSのリセット
ブラウザごとに,デフォルトのCSSが設定されているとのことです.
これを知ったとき,ハッとしました.
昔模写コーディングをやっていたときに,どれだけCSSをちゃんと書いても,おかしな状態で表示されていたことを思い出したからです.
当時は全く原因が分からず,そのまま迷宮入りしていましたが,ひょっとしたらブラウザにおける初期状態のCSSが悪さをしていたのかもしれません.
そのうち確かめます.
まとめ:初心者は買っていい
さんざん読みやすさを強調しましたが,内容も素晴らしい.
私はProgateでのHTML&CSSコースを3周したくらいですが,そのレベルでちょうどいい読み物です.
HTML&CSSに関しては,Progateで学んだ内容が50%,それ以外が50%扱われているという感じです.
Progateになかった50%の方も,難易度,重要度ともにProgateと変わらないレベルなので,Progateを終えた次は本書で勉強をするのがいいと思いました.
Progateでは学べないWebデザインの考え方も身につきますしね.
私は図書館でこの本を借りましたが,買ってもよかったと思っています.
今の自分のレベルにちょうどいいからです.
また,Progateなどでの勉強もしていない全くの初心者の方にも分かりやすい本です.
他にもこの手の本は何冊か目を通してみましたが,HTML, CSSやWebデザインを学びたい初心者の方が最初に買うべき本は本書だと思いました.
興味を持たれたら,ぜひ読んでみてください.