jQueryプラグインを7つご紹介します。WebデザインやWeb制作が便利になるのでおすすめです。
Webデザイン/制作に便利なプラグイン7選
iPicture
「iPicture」はイメージマップを発展させたjQueryプラグインです。指定した場所にカーソルを合わせると、画像や動画を表示することができます。インタラクティブなページをつくることができますね。
Infinite Scroll
ページ下部までスクロールすると、次のコンテンツを自動で読み込んでくれるjQueryプラグイン。FacebookなどのSNSやブログなどのメディアでよく使われている方法ですね。「もっと読む」などのボタンを押す手間が省けるので、ユーザビリティを向上させることができます。
jInvertScroll
通常は上下にスクロールするものですが、「jInvertScroll」はスクロールを左右にしてくれるjQueryプラグインです。横スクロールは、他にはないインパクトをあるページをつくることができます。一方で、下手に使うと操作しづらくなってしまうので、うまく導入することが必要です。
Masonry
Pinterestで一躍有名になった、グリッドレイアウトデザインを導入できるjQueryプラグインです。並び替えもできますし、グリッドの揃え方もオプションで指定することができます。ブログやポートフォリオなどのサイトでよく見かけるデザインですね。
Validetta
入力フォームのバリデーション(入力間違いや未入力のチェック)をしてくれるjQueryプラグインです。自分で実装してもいいのですが、基本的なバリデーションならこのプラグインで十分でしょう。
Sidr
レスポンシブデザインなど、スマホ対応しているサイトで頻繁に見かけるスライドメニューが実装できるjQueryプラグインです。左上(もしくは右上)のハンバーガーアイコンをクリックすると、画面の左(もしくは右)からメニューがスライドして表示されます。
Simple jQuery Slider
トップページによくある、画像スライダーを実装するためのプラグインです。フルスクリーンでのスライダーや、画面下のスライド選択ボタンなど、シンプルながらも必要な機能が揃っています。
あとがき
jQueryプラグインは日々新しいものがリリースされていますし、探しているだけでもアイデアを得られます。便利なプラグインも多いので、積極的に活用していきたいものです。