JQueryプラグインピックアップ!フォーム、パララックス、フルスクリーン背景、モーダルダイアログ【NIJILOGセレクション】

Fort.js

Fort.js 2014-06-24 05-17-29

デモ ダウンロード

フォームの入力状況にあわせて進捗をプログレスバーで表示するプラグイン。
フィールドにデータを入力すると画面上にカラーバーがグイーンと出てきます。
入力項目が多いサイトでつかうと面白いですね。

Backstretch

srobbin_com_jquery-plugins_backstretch_

デモ ダウンロード

ウィンドウ全画面や特定要素サイズに合わせて背景画像を設置するプラグイン。スライドショーにも対応。
IEにも対応しているので使いやすい。
フルスクリーン背景はデザイン性が高いので是非活用したいですね。

Outdated Browser

Outdated Browser 2014-06-24 05-22-27

デモ ダウンロード

ブラウザの更新を促すプラグイン。
古いブラウザでアクセスすると最新のブラウザを案内される、余計なお世話をしてくれる。
ふつうのWEBサイトではつかう機会があまりないと思いますが、会員制サイトやB2Bサービス系サイトのような、つかう人が限られているサイトでは使えそうです。

jNottery

jnottery_com_

デモ ダウンロード

サイトにメモを直接埋め込んで共有するプラグイン。
画像やブロックをクリックするとポップアップが出てきてメモが埋め込めます。
一般公開向けではなく、グループでWEBサイト開発中などに使うと便利そう。
メモを埋め込んだページはURLを公開することでシェアできます。

Shuffle Images

www_thepetedesign_com_demos_shuffle-images_demo_html

デモ ダウンロード

複数の画像をパラパラ切り替えるサムネイル向けプラグイン。
画像の上にマウスをもってくるとサムネイル画像が切り替わります。
画像がメインのブログ記事やギャラリーのサムネイルでつかうとイイですね。

Avgrund

jQuery plugin for Avgrund concept popin 2014-06-24 05-18-09

デモ ダウンロード

画面ごとモーダルダイアログにしてしまうインパクト大のプラグイン。
モーダルダイアログが表示されるときに、そのページがまるごと沈むようなエフェクトが掛かります。
初見だとちょっとびっくりするので、インパクトが欲しい時にどうぞ。

skrollr

prinzhorn_github_io_skrollr_

デモ ダウンロード

あちこちで話題のパララックススクロール用のプラグイン。
スクロールにあわせて要素を回転させたり、移動させたりとカンタンなアニメーションがつけられます。

jQuery hashchange event

benalman_com_code_projects_jquery-hashchange_examples_hashchange_

デモ ダウンロード

Ajax でつくられたページで戻る・進むを管理するプラグイン。
ページ遷移をスムーズにするために Ajax でコンテンツを動的読込すると、URLが変わらないのでブラウザの戻るが効かないページになってしまいます。
このプラグインをつかうと location.hash へのイベントをフックしてくれるので Ajax ページが楽に作れるようになります。

jQuery FadeThis

zolweb_github_io_jquery-fadethis_

デモ ダウンロード

かんたんにフェードがつかえるプラグイン。
派手さはありませんが、コンテンツのフェードに特化したプラグイン。
IE6もサポートしているので、目的次第ではつかえそうです。