今回はページを遷移せず、jQueryでタブの切り替えを行う実装を紹介します！ まずはデモページでこれから作るものを確認します。 デモサイト 【切り替えタブの作り方】HTML編 解説です。（わかる人は読み飛ばしOK） まず…

パララックス（parallax）は直訳すると視差という意味です。 スクロールすると同時に次のコンテンツが覆いかぶさるような、不思議な動きをし、奥行きやストーリー性を出してくれる効果があります。 今回はそんなパララックスサ…

サイトを開いた時に、いきなりトップページが表示されるのではなく、まずはロゴがふわっとフェードインしてからトップページが表示されるサイトがありますよね。 美容サロンや旅館のサイトでよく使われていて、優しく柔らかい印象を与え…

画面右上の三本線のアイコンをクリックしたら、右側からシュッとメニューが出てくる作りにします。 まずはデモサイトを見てみましょう。 デモサイト いつもどこから手をつけていいのか迷ってしまうので手順をつけて説明していきます。…