URL
https://portfolio3.mitaku-t.com
※Basic認証を設定しています。
User : mitaku3 Pass : portfolio3
概要
架空コーポレートサイトのデモサイトです。AdobeXDデザインカンプから、HTML / CSS(Sass) / jQueryコーディングをいたしました。レスポンシブ込みでコーディングを行い、お問い合わせフォームの実装、Google mapの埋め込み、Wow.jsを使用して画像がフワッと表示されるようにしたり、jQueryによるスムーススクロール、モーダル画像表示(プライバシーポリシー)、アコーディオン、スマホ時のハンバーガーメニューを実装、Swiper.jsを使用しメインビジュアルのスライダーも実装しました。更にChrome拡張機能、Perfect Pixelを使用してピクセル単位で調整を行いピクセルパーフェクトを意識したコーディングを行いました。
制作内容
ランディングページ (1ページ) レスポンシブ対応
担当範囲
コーディング
制作期間
18日間
使用技術
HTML / CSS (Sass) / jQuery / VS Code (Text editor)
Plugin
Swiper.js / Wow.js / Perfect Pixel(Chrome)
