画像を大きく使用したヒーローヘッダーやページ追従のナビゲーション、スムーススクロールを実装したページトップボタンやページ内リンクなどを設定した架空のフィットネスクラブのサイトです。
レスポンシブで制作した、フルスクリーンレイアウトのサイトです。ローダーとしてロゴがアニメーションで表示し、jQueryを使用したカーテンをを開けるような演出があります。
flexboxレイアウトを使用して制作したレスポンシブ対応のサイトです。jQueryを導入してスクロールの際にナビゲーションが追従するように制作しました。
background-attachmentプロパティを利用して、コンテンツがカーテンの下でスクロールするようなエフェクトを実装ししました。「12人の怒れる男」という映画を紹介するサイトという体裁です。
タブパネルをjQueryを使用して実装しました。
ナビゲーションメニューをCSSスプライトで作成しました。