サイトの読み込みに時間がかかると、その分離脱率が上がってしまいます。サイトを高速化するための施策を講じるのがベストではありますが、ローディング画像を表示して、少しでもページを読み込んでいることがわかるようにするというのも…
超簡単！jQueryを使ってページ読み込み時にローディング画像を表示させる方法
ページ読み込み時にプログレスバーを表示させることができる「PACE.js」
PACE.jsは、ページのロード中にプログレスバーを表示することができるJavaScriptです。ダウンロードしたJavaScriptとCSSを設置するだけで、簡単に実装することができます。 以下よりデモを確認することが…
jQueryを使ってタブ切り替えメニューを実装する方法
jQueryでタブ切り替え型のメニューを作成する方法を紹介いたします。 簡単なデモページを作成しましたので、動きについては以下をご参照ください。 デモページを見る タブの中には、画像やリンク、テーブルなどを入れることが可…
Pinterest風のタイルデザインを簡単に実装できるjQueryプラグイン「Masonry」
Masonryは、Pinterest風のタイルデザインを簡単に実装することができるjQueryプラグインです。 Pinterest風のデザインって何よ？って方は、以下のデモページをご参照ください。 デモページを見る Ma…
スマホ用のドロップダウンメニューが簡単に実装できるjQueryプラグイン「SlickNav」
SlickNavは、スマホでよく見かけるドロップダウン形式のメニューを簡単に実装することができるjQueryプラグインです。 簡単なデモページを用意したので、動きについてはデモでご確認ください。 デモページを見る 今回は…
シンプルなものから一風変わったスライダーまで実装できる高機能なjQueryスライダー「Slider Pro」
Slider Proは、非常に高機能なスライダーのjQueryプラグインで、シンプルなものから一風変わったスライダーまで実装可能です。 デモは公式サイトで確認できます。 デモページを見る 今回は、Slider Proの導…
PCサイトとスマホサイトの表示切り替えができるjQueryプラグイン「Pc2Sp.js」
Pc2Sp.jsは、PCサイトとスマホサイトの両方が用意されたサイトで、それぞれに表示の切り替えを行うことができるjQueryプラグインです。Pc2Sp.jsはto-Rさんが配布しています。 よくスマホサイトで[PCサイ…
スライドショーも可能！背景全体に画像を表示させることができるjQueryプラグイン「MaxImage2」
MaxImage2は、背景全体に画像を表示させることができるjQueryプラグインです。背景画像をスライドショーにすることも可能です。 本記事では、MaxImage2の導入方法について解説します。 実際にMaxImage…
ページ内リンクをスムーススクロールさせるjQueryプラグイン「jquery.smoothScroll」
jquery.smoothScrollは、ページ内リンクをクリックした時に、スルスルッとスムーススクロールさせるためのjQueryプラグインです。 以前、クリックするとスルスルッと上昇する「ページトップへ」ボタンを設置す…
クリックするとスルスルッと上昇する「ページトップへ」ボタンを設置する方法
jQueryを使って、スルスルッと上昇する「ページトップへ」ボタンを設置する方法を紹介したいと思います。 簡単なデモページも用意したので、ぜひクリックして動きを確認してみてください。 デモページを見る デモページでは、最…