FA-EXHIBITION

FA-EXHIBITION

※模写した上記のページは検索エンジンに引っかからない設定をしています。

HTML, CSS, JavaScript(jQuery)

Codestepというコーディング学習サイトで公開されている架空の会社ページの模写コーディング。

※尚、画像については元のページとは違うものを使っています。

公開にあたって

サイト運営者様によってコチラのページで下記のようにポートフォリオとして公開して良いと公言されています。

今作のポイント

・ハンバーガーメニュー実装
・クリックイベント実装
　　①スクロールでトップ画像をPC表示の場合拡大（SP表示は逆に縮小）
　　②一定量のスクロールでヘッダー表示
　　③一定の領域でサイドボタン表示
　　④一定の領域で背景表示
・inview.js実装（スクロールすると下からふわっと表示される動き）