- progateなどの入門サイトは終わったけど、次なにすれば良いか分からない人
- HTML/CSS未経験だけど、勉強してみたい人
- WEBサイトを作るために必要な、おすすめ本を知りたい人
こんなお悩みを持っている人に向けてお答えします。
この記事の信頼性
- WEB制作会社勤務の現役のエンジニア(独学でWEB制作会社に転職した経験有り)
- 2021年は年間450冊読書
- 実際に自分が読んでみた中からのみ厳選
HTML/CSS初心者におすすめの本はこの2冊
HTML/CSSのおすすめ本の紹介です。
数あるHTML/CSSの本の中で自分が実際に使ってみて分かりやすかった
HTML/CSSの本を2冊、厳選して紹介します。
1冊ですべて身につくHTML＆CSSとWebデザイン入門講座
HTMLとCSSの基本を勉強したい人には、
1冊ですべて身につくHTML＆CSSとWebデザイン入門講座
をおすすめします。
この本で学べば、HTMLとCSSは何ですか？？という入門的な内容から
実際にHTML/CSSでWEBサイトを１通り作れるようになるレベルまで
いけると思います。
また、WEB制作者で有名なサイトの
Webクリエイターボックスを運営しているManaさんが
書いた本でもあります。
HTML5/CSS3モダンコーディング
HTML5/CSS3モダンコーディングは、実際に３つのサイトを作りながら
HTML/CSSを学べる内容の本になっています。
内容も無駄なくすごく分かりやすく説明してくれていますし
さらに実際にWEBサイトを作りながら学べて実践的な内容なので
おすすめです。
やはり、HTML/CSSを勉強したいなら実際にWEBサイトを
たくさん作り続けるのが一番早く上達できるので
そういう意味でも今回おすすめしてみました
もっと深くHTML/CSSを学びたい人に、おすすめの本はこの3冊
これから紹介していく本は、実際のWEB制作の現場でも使っている内容が
書かれているのでより深いレベルまでHTML/CSSを学びたい人は、
暇な時にでも、一度本屋で立ち読みしながら
パラパラと眺めてみて下さい。
Web制作者のためのSassの教科書
最初に紹介するのはCSSではなく、Sassという言語を学べる１冊です。
Sassはめちゃくちゃ使うので、CSSのコードがある程度書けるようになったら
早めに勉強しておくと良いと思います。
Web制作者のためのSassの教科書はSassの事が詳しく書いてあるので
Sassを使えばこんな事が出来るんだ～～～
とSassの全体像を知りたい人に良いと思います。
CSS設計完全ガイド ～詳細解説＋実践的モジュール集
2冊目に紹介するのが、CSS設計完全ガイドという1冊です。
この本が、理解出来るようになったらかなりCSSの知識がついてきたと
いっても良いレベルの内容です。そのレベルの割には、解説もすごく分かりすいです。
ちなみに僕も完璧にこの本の内容を理解出来ているかといったら、正直怪しいところです（笑）
ただCSSの事を深く学びたいなら、この１冊だけやれば
かなり力がつくようになるので、是非チャレンジしてみてください。
HTML5&CSS3デザインブック
3冊目に紹介するHTML5&CSS3デザインブックは、
ここまで紹介してきたものとは違って
少しイレギュラーな内容となっています。
この本は発売日が2014年と古い本で、
今ではあまり見かけなくなったfloatという
ものが出てくるからです。
今の現場で使われているHTML/CSSが学べないので、その点に関してはマイナスですが
その他の解説に関しては、かなり分かりやすいです。
HTML/CSSでサイトを何とか作れるようになった時に
HTML5&CSS3デザインブックを読んで
今まで意味は良く分からないけどとりあえずコードを書いていた箇所が、
そういう意味だったんだと腑に落ちて理解したところが
たくさんあったのを今でも覚えています。
HTML5&CSS3デザインブックは、ボリュームも中々あるので
今すぐにやらなくては良いのですが、すごく内容が分かりやすいので
もし気が向いたらパラパラと読んでみて下さい。
HTML/CSS入門者は、本ではなく学習サイトがおすすめ
おすすめ本を紹介する記事なのに
こんな風に書いてしまってすみません。。。
でも、自分が独学でHTML/CSSを学んできたのと
周りの人がたくさん挫折してきたのを間近で見てきたので
これが正直な所です。
独学でHTML/CSSを勉強し始めたばかりの方は、
本で学んでしまうとほとんどの人が
挫折してしまうと思います（自分の経験談です・。。）
なので、HTML/CSSの入門者へは最初に、
下記の2サイトで学ぶ事をおすすめしてます。
【番外編】HTML/CSSの勉強はYoutubeでも充分学べます
先ほどの内容とは別に、もう一つHTML/CSSの勉強法もお伝えします。
それは何かというと、Youtubeでの動画学習です。
Youtubeの動画は自分が独学で勉強し始めた5年前よりも
どんどん素晴らしい物が増えてます
しかも全て無料です！！！！！
すごく良い時代になってきましたね！
参考までに、HTML/CSSが学べるyoutube動画をいくつかご紹介します。
まずは日本語の動画はこちら。
HTML youtube動画1-1(日本語)
もし英語の動画でも問題ないという方はこちらもどうぞ
HTML/CSS youtube動画1(英語)
こちらはおまけです
HTML/CSSの勉強法について byひろゆきさん
HTML/CSSの基礎学習が終わった後にやるべきこと
最後にHTML/CSSについてある程度分かってきて
ある程度、WEBサイトが作れるようになってきた方に、
向けて伝えさせて下さい。
もし今までHTML/CSSを勉強してきたけど
WordPressをまだ触った事がない方は、
すぐにWordPressを勉強し始めましょう。
WordPressが触れるようになって、WEBサイトが作れるようになれば
仕事の案件の幅がぐんぐんと広がっていきます。
なのでHTML/CSSを極める事よりも、
先にWordPressでWEBサイトを作ることをおすすめします。
WordPressの勉強におすすめ本についての
記事も書いているので、参考までに興味あれば見てみてください。
HTML/CSSが出来るようになりたいなら、
とにかくWEBサイトを作りまくりましょう。
コメント