【必見!!】 WEB制作学習サイト 4選

Progate

スライド学習のインプット→即アウトプットして進んでいくのが特徴。簡単なパーツのコーディングから少しずつステップアップできるため、超初心者からオススメ！

Progate(プロゲート) | Learn to code, learn to be creative.

Codejump

提示されている見本サイトを作っていくことができる学習サイト。構成のヒントから、ソースコードまで掲載されているため、自分のペースでチャレンジできることが魅力！

Codejump【旧 Codestep】 | 作って学ぶコーディング学習サイト（HTML、CSS、JavaScript、WordPress）

chot.  design

ブログ形式のサイトで概要をつかむところから学習できるサイト。コーディングだけでなく、IllustratorやPhotoshopの使い方など幅広く学ぶことができる！

chot.design - 毎日ちょっとずつデザインを学ぼう

動くWebデザインアイデア帳

WEBサイトの動き方の見本ギャラリーサイト。詳細ページにはソースコードとデモページを見ることができる！WEB制作のアイデアにもぜひ！

動くWebデザインアイデア帳 | 動くWebデザインアイディア帳

書籍も販売されています！

動くWebデザインアイディア帳

動くWebデザイン アイディア帳 実践編

WEBに関する他のnote記事はこちら

↓デザインに便利な素材を無料配布中↓