URL
https://portfolio2.mitaku-t.com
※Basic認証を設定しています。
User : mitaku3 Pass : portfolio2
概要
実在するアクセサリーブランド sobolon様から許可をいただき、XDデザインカンプをもとに、HTML / CSS(Sass) / jQueryを使用しコーディングをいたしました。レスポンシブ込みでコーディングを行い、お問い合わせフォームの実装、Wow.jsを使用して画像がフワッと表示されるようにしたり、Drawer.jsを使用して、スマホ時のハンバーガーメニューを実装しました。また、jQueryによるスムーススクロール、ホバー時に画像が拡大したり、文字の色が変わるCSSアニメーションも実装しました。そして、Chrome拡張機能、Perfect Pixelを使用して細かい調整を行いピクセルパーフェクトを意識したコーディングを行いました。
制作内容
ランディングページ (1ページ) レスポンシブ対応
担当範囲
コーディング
制作期間
3日間
使用技術
HTML / CSS (Sass) / jQuery / VS Code (Text editor)
Plugin
Drawer.js / Wow.js / Perfect Pixel(Chrome)
