作って学ぶコーディング学習サイト
HTML
jQuery
WordPress
サーバ―
Codestep Pro
NEW
【HTML / CSS】コーディング練習課題
_入門編
プロフィールサイト
フォトサイト
フォトサイト2
レシピサイト/トップページ
レシピサイト/レシピページ
ブランドサイト(ジュエリー)
_初級編
ポートフォリオサイト
ストアサイト(書店)
ECサイト
コーポレートサイト(Web制作)
ストアサイト(和菓子)
_中級編
ブログサイト
ストアサイト(カフェ)
ストアサイト(インテリア)
ランディングページ
コーポレートサイト(ハウスメーカー)
_上級編
メディアサイト
ギャラリーサイト
_番外編(HTML/CSS)
疑似要素の練習
positionの練習
行数が異なる画像の横並びの練習
画像を斜めに表示する練習
ドロップダウンメニューの練習
_番外編(jQuery)
アコーディオンメニュー
複数画像をホバーで切り替え
プラグイン「slick」/カルーセルスライダー
プラグイン「slick」/カルーセルスライダー(カスタマイズ)
プラグイン「Datepicker」/カレンダー&入力チェック
【HTML / CSS】コーディング解説
入門編:プロフィールサイトを作ろう
初級編:ポートフォリオサイトを作ろう
【WordPress】コーディング解説
WordPressでオリジナルサイトを作ろう
HTMLサイトをWordPress化しよう
【模写コーディング関連記事】
模写コーディングの手順
模写コーディングのおすすめサイト
模写コーディングの初心者向けLP
模写コーディングが難しいと感じる理由と対処方法
Codestep Pro