via: https://saruwakakun.com/html-css/basic
こんにちは！今年5月に入社した、やましたです。
Web制作は初心者です。日々勉強であります。
今回はこれまでHTMLやCSSの勉強に役立った5つのサイトをピックアップしてご紹介したいと思います。
それではどうぞ！
サルワカ HTML&CSS入門
https://saruwakakun.com/html-css/basic
初心者でも分かりやすくイチから学べるサイトです。個人的にダントツお気に入りのサイトです。
HTML・CSSだけでなく、お仕事で力尽きたときの簡単レシピや暮らしの知恵・雑学なども紹介しています。
解説図やイラストがとんでもなく分かりやすいです。専門的な用語も、初心者でもわかるやさしい言葉で説明されているので理解が早いです。
全くの初心者にオススメです！
CodePen
このサイトはコーダーの方なら利用されている人は多いのではないでしょうか。
CodePenとはHTML・CSS・JSなどのコードを公開できるWebサービスです。
有料にするとプライベートモード（非公開）でコードを管理したりすることもできます！プランもPRO版とSUPER PRO版など選べます。
他の人が作ったコードをその場で編集できたり、プレビューが確認できたりするのでかなり便利！ソースコードをブログやWebサイトに埋め込むことも簡単にできます。
これまで試したソースコードの保管・管理や、ブログ記事にソースコードを掲載したい時に使えるのでオススメです。
Web制作ナビ
アクセス解析、デザイン、Chromeの拡張機能などWeb制作に関する情報が盛りだくさんです！
制作に役立つ記事ばかりなので、「あれ、このアニメーションってどうやってするんだっけ……???」と行き詰まったときは必ずここのサイトを見てます。
Photoshopのテクニックも分かりやすくてオススメです。初心者だけでなく、プロの方にもオススメのサイトです。
Webクリエイターボックス
https://www.webcreatorbox.com/
あまりにも有名すぎてこの業界の人なら知らない人はいないだろうこちらのサイトはWeb関連の情報、デザイン、便利ツールなどを紹介しています。
運営者はカナダやオーストラリア、イギリスの企業でWebデザイナーとして働いていたそうです！すごいですね！
全くの初心者からワンランク上を目指す方にもオススメです！
Webデザインレシピ
デザインの基礎から初心者の頃わからなかったWeb用語まとめ、CSS基礎のあれこれなど、情報量の多さが魅力のサイトです。
1つ1つの記事がとても丁寧にまとめられていて分かりやすいです。
役立つ情報が満載なので、いいなと思う記事があれば早速制作に役立ててみてください。
まとめ
いかがでしたか？勉強になったサイトはありましたか？
「すでに知っているよ！」というサイトがほとんどだったかもしれませんが、知らなかった方はぜひブックマークしてみてください！
また気になったサイトのまとめをお届けしたいと思います。
それでは、また次回！
経営課題解決のためのWebマーケティング提案、ネットショップ構築や採用サイトの企画・制作も承っております。
