家具サイト

コーディング練習として、デザインカンプを元に家具サイトを実装しました。元の課題ではjQueryが使用されていましたが、サイトの軽量化と保守性を考慮し、JavaScriptで制作しています。レスポンシブ対応では、ナビゲーションをハンバーガーメニュー化し、メニュー項目が一つずつ遅れて表示されるアニメーションを取り入れることで、サイトの落ち着いた雰囲気に合う動きを意識しました。また、大文字表記の英単語が多く使われていたため、アクセシビリティの観点から　text-transform: uppercase　を使用し、読み上げ時にも自然な発音になるよう配慮しています。細部までユーザビリティと雰囲気の統一感を意識した練習制作です。※画像の権利の都合により、当ページではモックアップ中心の掲載です。**動きは下の「実際のサイトを見る」**からご確認ください。
種別：HTML/CSS実装デモ（Codejump課題ベース）／制作範囲：コーディング

制作区分 :

自主制作