arrow-left arrow-right envelope facebook feedly folder home html-tag person tag twitter wordpress rss user get-pocket envira google-plus

[jQuery]スルスルっとトップへ戻るボタンを設置しよう

今回は、スクロールするとふわっと表示されてクリックするとスルスルっとトップまで戻るボタンについて書きます。このページにも実装されていますが、スクロール量が多くなりがちなページには有効な機能かもしれません。意外と簡単?に実装できますので、レスポンシブ対応のページを作成中であれば、もしかしたら参考になるかも…

続きを読む

[jQuery]プラグインなしでタブメニュー

画像を多く表示させたい場合にカルーセル(スライドショー)を使いますが、他にも同じページでコンテンツを複数表示させたい時にはタブメニューも有効です。Bootstrapやプラグインなどでも多彩なタブメニューが実装できるのですが、今回はプラグインを使わずにjQueryを使って実装できるタブメニューを作ってみました。

続きを読む

[jQuery]fullPage.jsでパララックスサイトを作ろう

2015年あたりから見た人を引き込みやすいパララックスサイトはトレンドとなり、現在でも新しい見せ方のパララックスサイトが次々と登場しています。
今回はGoogleなども使用している簡単に全画面スクロールのパララックスサイトが作れるFullPage.jsプラグインを私のおさらいも兼ねて紹介します。

続きを読む

[jQuery]簡単!スライドショーを作ろう!!

Webの世界は分進秒歩くらいの勢いで変わっていきますが、そのなかでも未だによく使われるみんな大好き(?)スライドショーについて今回は書きたいと思います。幾つかの画像を用意して時間遷移で見せていくのですが、スライドショー自体に長い歴史があるようで様々なやり方があります。今回は比較的簡単なものを紹介します。

続きを読む

PAGE TOP