オンラインスクール「デイトラ」のWEB制作コースでコーディングを学習しました。
- 使用言語
-
HTML/CSS/jQuery
- デザインツール
-
Figma
- エディタ
-
VScode
- 学習期間
-
2025年2月25日～継続中
目次
架空のスイーツ店HP
初級で最初に制作したLPです。アンカーリンクでページ内遷移が可能、レスポンシブ対応。
CSSはSASSを利用し、カラーコードなどを変数で設定しました。
メニュー画像はモーダルで拡大表示できるようにしています。
架空のポートフォリオサイト
初級の最終で制作したサイトです。レスポンシブ対応でスマホ版はドロワーメニューを実装。
架空のアプリLP
中級編課題です。Figmaのデザインカンプをもとにコーディングを行いました。
Google拡張機能「Perfect Pixel」を使用し、デザインカンプと実装時のずれを最小限にとどめる方法を学習しました。
