Works
メディアサイト制作
【概要】
デザインカンプをもとにレスポンシブコーディングを実施した。
【実施内容】
コーディング
【制作期間】
20時間
【ポイント・工夫点】
・動きのあるデザインの実装 JavaScriptを使用して ・ハンバーガーメニュー ・ホバー時の色の変化 ・PC時はスライダー、SPではスクロール といった動的機能を実装した。
【講師の方からのFB】
・レスポンシブが丁寧に作られていて良い ・画像のアスペクト比が保ったままできている ・htmlのlang="ja"にする ・Hamburgerボタンはbuttonタグで作りましょう ・hrは文脈の区切りで、装飾目的では使わないようにしましょう
【使用技術】
- ツール：Visual Studio Code
- 言語：HTML, CSS, JavaScript