ホームページ制作・SEO対策 福岡のアイドットデザイン。Webマーケティングのご相談も承ります。

お問い合わせ・ご相談はコチラ

blog

ブログ

HTML・CSSを学ぶときに参考になる!初心者におすすめのWebサイト5選

| カテゴリー : HTML/CSS

via: https://saruwakakun.com/html-css/basic

こんにちは!今年5月に入社した、やましたです。

Web制作は初心者です。日々勉強であります。

今回はこれまでHTMLやCSSの勉強に役立った5つのサイトをピックアップしてご紹介したいと思います。それではどうぞ!

サルワカ HTML&CSS入門

https://saruwakakun.com/html-css/basic

初心者でも分かりやすくイチから学べるサイトです。個人的にダントツお気に入りのサイトです。

HTML・CSSだけでなく、お仕事で力尽きたときの簡単レシピや暮らしの知恵・雑学なども紹介しています。

解説図やイラストがとんでもなく分かりやすいです。専門的な用語も、初心者でもわかるやさしい言葉で説明されているので理解が早いです。

全くの初心者にオススメです!

CodePen

https://codepen.io/

このサイトはコーダーの方なら利用されている人は多いのではないでしょうか。

CodePenとはHTML・CSS・JSなどのコードを公開できるWebサービスです。

有料にするとプライベートモード(非公開)でコードを管理したりすることもできます!プランもPRO版とSUPER PRO版など選べます。

他の人が作ったコードをその場で編集できたり、プレビューが確認できたりするのでかなり便利!ソースコードをブログやWebサイトに埋め込むことも簡単にできます。

これまで試したソースコードの保管・管理や、ブログ記事にソースコードを掲載したい時に使えるのでオススメです。

Web制作ナビ

https://www.webtoolnavi.com/

アクセス解析、デザイン、Chromeの拡張機能などWeb制作に関する情報が盛りだくさんです!

制作に役立つ記事ばかりなので、「あれ、このアニメーションってどうやってするんだっけ……???」と行き詰まったときは必ずここのサイトを見てます。

Photoshopのテクニックも分かりやすくてオススメです。初心者だけでなく、プロの方にもオススメのサイトです。

Webクリエイターボックス

https://www.webcreatorbox.com/

あまりにも有名すぎてこの業界の人なら知らない人はいないだろうこちらのサイトはWeb関連の情報、デザイン、便利ツールなどを紹介しています。

運営者はカナダやオーストラリア、イギリスの企業でWebデザイナーとして働いていたそうです!すごいですね!

全くの初心者からワンランク上を目指す方にもオススメです!

Webデザインレシピ

http://webdesignrecipes.com/

デザインの基礎から初心者の頃わからなかったWeb用語まとめ、CSS基礎のあれこれなど、情報量の多さが魅力のサイトです。

1つ1つの記事がとても丁寧にまとめられていて分かりやすいです。

役立つ情報が満載なので、いいなと思う記事があれば早速制作に役立ててみてください。

まとめ

いかがでしたか?勉強になったサイトはありましたか?

「すでに知っているよ!」というサイトがほとんどだったかもしれませんが、知らなかった方はぜひブックマークしてみてください!

また気になったサイトのまとめをお届けしたいと思います。それでは、また次回!

アイドットデザインのブログはWeb業界の話題に限らず幅広いビジネストピックについて書いています。
よろしければFacebookページのフォローをどうぞ!ビジネスに役立つ情報をお届けします!

福岡のホームページ制作・SEO対策はアイドットデザインまでご相談ください!
インターネット集客やWebマーケティングのご相談も承ります。

お気軽にお問い合わせください!

お見積りやご相談は、メール/お電話にてお気軽にご連絡ください。専属の担当者が丁寧にご対応いたします。