建設会社サイト

OVERVIEW

Photoshopからのコーディング

しょーごさんのコーディング課題のコーディングです。

●ローディング時のアニメーション
●スクロールに追従し、付くロールの位置によって色が変わるヘッダー
●スムーススクロール
●フェードイン・フェードアウトによる画像の切り替え
●スクロールアニメーションの設定(Sal.jsを使用)

を行っています。

サイト全体はピクセルパーフェクトで仕上げており、デザインカンプとの誤差を数ピクセル以内に抑えています。

またSassを使ってコーディングしたのですが、メディアクエリについてはPostCSSでまとめています。