【架空サイト】SONOZAKI | コーディング
OVERVIEW
斜めのラインや斜めのボタンがスタイリッシュなデザインになっています。 アレンジで、FVのカラーチェンジボタンをクリックするとサイト全体の色を変えられる機能を実装しております。
【サイト規模】
トップページ（1ページ）
【サイトに実装した機能】
・ローディングアニメーション
・スムーススクロール
・スライダー
・フェードインアウトアニメーション
・FVのボタンでサイトのテーマカラーの切り替え
・各セクションにスクロールするとヘッダーリンクのカラー切替
【レスポンシブ対応範囲】
SP, PC
【担当した範囲】
コーディング
【制作期間】
10日
【使用した言語・ツール】
HTML | CSS・ Sass | JavaScript・ jQuery | Webpack | Photoshop
【事例サイトへのリンク】
https://n-products.net/sonozaki/
【事例サイトのBasic認証】
ユーザー名：user
パスワード：pPcP8ghTaZ
【レスポンシブPC】
【レスポンシブSP】
