ここでは、Webデザインに関する学習サイトの中から10のサイトを紹介しています。
これからWebデザインを学習しようと思っている人も勉強中の人も役立つサイトばかりです。
- HTML・CSSなどのプログラミング・コーディングについての学習サイト
- デザインに関する学習サイト
- 総合的な知識や新しい情報を得られる個人サイト
3つに分けて紹介しているので、ぜひ自分に合った方法で学習してみてください。
コーディングに関するサイト
Progate
HTML・CSSの他にJavaScriptやjQueryなどの、サイト構築に必要なプログラミング言語を学ぶことができます。
どのコースも最初の基礎の部分は無料で学習できます。有料会員に登録すると全てのコースが受講可能です。
ドットインストール
動画を見て学習するサイトになります。
中～上級者向けのレッスンはプレミアム会員のみとなっていますが、基本的な知識は無料会員でも充分に身につけることが可能です。
目的ごとにコースが分類されているため、自分が身につけたい内容に関する授業が探しやすくなっています。
schoo
ドットインストールと同じく動画で学ぶサービスで、生放送による授業も行われています。
HTML・CSSなどのプログラミングのことだけでなく、グラフィックデザインに関する知識やデザインカンプの作り方など広く学ぶことができます。
mozer
物語形式でコーディングの基礎を学ぶことができます。
HTML・CSSのコードを完成させ、実際に目的のサイトを作りながら学習していく形になります。
Markup
CSSに特化した学習サイトです。
コードを入力するとその場でプレビューに反映されるので、それを見ながらお手本通りにサイトを完成させていきます。
デザインに関するサイト
Adobeラーニング
Adobe公式による動画マニュアルです。
Photoshopなどの基本的な操作方法はここで学ぶことができます。
Photoshop VIP
Photoshopやデザイン全般に関する幅広い情報サイトになります。
最新の話題などもチェックしておきたい人におすすめです。
Web Design Clip
実際に稼働している、プロによるWebサイトが一覧できるサイトです。
様々な種類のサイトが閲覧できるため、デザインの参考にすることができます。
総合的に学べる個人サイト
Webクリエイターボックス
アプリケーションの使い方や実用的なサービスの紹介などが載っているサイトです。
コーディングに関する知識から、ポートフォリオなどの実際に活動するときに必要な内容まで色々な情報を得ることができます。
Webデザインレシピ
Webデザインに関する基礎知識が幅広くしっかりと解説されているサイトです。
WordPress関連の情報も豊富なため、WordPressを勉強されている方にも非常におすすめです。
現役のデザイナーもよく利用するサイトばかりです。
Webデザインのトレンドや細かい書き方など、多くの知識を得ることができるはずです。独学で学習する人にとっては最適なサイトだと思いますので、ぜひ利用してみてください。
