ポートフォリオサイトのモックアップ

Dummy Store
架空のショッピングサイト

概要
参加しているオンラインサロンShibajukuの課題として制作した、架空のショッピングサイト
ポイント
レスポンシブ対応について学んだことの実践。
アウトラインをしっかりと組み、音声読み上げソフトにも考慮したアクセシビリティの高いコーディングを意識しました。
画面幅とディスプレイ解像度によって画像が切り替わり、ヒーローイメージの文字組みもどのサイズでも崩れないようにコーディングしています。
担当範囲
コーディング
使用言語
HTML,CSS,Javascript(jQuery)
制作期間
2日間
Dummy Storeのスクリーンショット
Dummy Storeのスマホ画面
Dummy Storeのスマホ画面

一覧へ戻る