ブログ

  1. トップ
  2. ブログ
  3. Web制作/デザインに便利なjQueryプラグイン7つ

Web制作

Web制作/デザインに便利なjQueryプラグイン7つ

jQueryプラグインを7つご紹介します。WebデザインやWeb制作が便利になるのでおすすめです。

Webデザイン/制作に便利なプラグイン7選

iPicture

iPicture

iPicture

「iPicture」はイメージマップを発展させたjQueryプラグインです。指定した場所にカーソルを合わせると、画像や動画を表示することができます。インタラクティブなページをつくることができますね。

Infinite Scroll

Infinite Scroll

Infinite Scroll

ページ下部までスクロールすると、次のコンテンツを自動で読み込んでくれるjQueryプラグイン。FacebookなどのSNSやブログなどのメディアでよく使われている方法ですね。「もっと読む」などのボタンを押す手間が省けるので、ユーザビリティを向上させることができます。

jInvertScroll

jInvertScroll

jInvertScroll

通常は上下にスクロールするものですが、「jInvertScroll」はスクロールを左右にしてくれるjQueryプラグインです。横スクロールは、他にはないインパクトをあるページをつくることができます。一方で、下手に使うと操作しづらくなってしまうので、うまく導入することが必要です。

Masonry

Masonry

Masonry

Pinterestで一躍有名になった、グリッドレイアウトデザインを導入できるjQueryプラグインです。並び替えもできますし、グリッドの揃え方もオプションで指定することができます。ブログやポートフォリオなどのサイトでよく見かけるデザインですね。

Validetta

Validetta

Validetta

入力フォームのバリデーション(入力間違いや未入力のチェック)をしてくれるjQueryプラグインです。自分で実装してもいいのですが、基本的なバリデーションならこのプラグインで十分でしょう。

Sidr

Sidr

Sidr

レスポンシブデザインなど、スマホ対応しているサイトで頻繁に見かけるスライドメニューが実装できるjQueryプラグインです。左上(もしくは右上)のハンバーガーアイコンをクリックすると、画面の左(もしくは右)からメニューがスライドして表示されます。

Simple jQuery Slider

Simple jQuery Slider

Simple jQuery Slider

トップページによくある、画像スライダーを実装するためのプラグインです。フルスクリーンでのスライダーや、画面下のスライド選択ボタンなど、シンプルながらも必要な機能が揃っています。

あとがき

jQueryプラグインは日々新しいものがリリースされていますし、探しているだけでもアイデアを得られます。便利なプラグインも多いので、積極的に活用していきたいものです。