工務店のデモサイト

ご訪問ありがとうございます。

お手数ですが、以下の情報からアクセスしてください。

サイトURL：https://my-code.site/sonozaki/

ユーザーネーム：pass

パスワード：pass

構成

トップページのみ

開発環境

・ツール

VScode、Photo Shop、Perfect Pixel

・スキル

 HTML、CSS、JavaScript、jQuery

・PC

Windows、Mac

作業時間

25時間

デザインカンプファイル

Photo Shop

コーデング精度

・Windows、Mac両方のブラウザ(Chrom, Safari, Edge, Firefox)でデザイン崩れを確認し、Macによくみられるデザイン崩れを無くす。

・Perfect Pixelを使用しデザインを高精度に再現

コーディング品質

ChromeのLighthouse機能でサイト品質をチェックし、Performance、Accessibility、Best Practice、SEOの4項目で90点以上を確保

・デスクトップ表示の際の本サイトの評価

・スマホ表示の際の本サイトの評価

アニメーションの実装

・ローディング機能

・ファーストビューを拡大しながら切り替え

・ハンバーガーメニュー

・下スクロールによるヘッダーナビゲーションの固定と色の変更 

・要素のフェードイン

上記以外にも多様なアニメーションの実装が可能です。

ありがとうございました。

以上