シンプルかつ高機能な jQuery を使ったプラグインのまとめ
基本、あまり動的な要素を取り入れるのは好きではないのですが、サイトのユーザビリティを高めるという点では必要不可欠になりつつあるスクリプトの利用。その中でもjQueryは動作が軽く、ひとつのプラグインでいろんなことが出来るので使いやすいですね。
jQuery
画像系
一般企業ではあまり使うことはないかもしれないけど、ショッピングサイトなどでは画像（商品）の見せ方って大切ですよね。詳細部分を分かりやすく紹介したりするのに、ずらっと並べるよりは見やすくなります。
といっても、なぜか楽天式に見せる方がよく売れるっていうのはなぜなんだろう。。。はっきり言って見づらいと思うんだけど、キャッチコピーにつられやすい日本人ってとこですか。。。
シンプルなロールオーバー機能 yuga.js
Add zoom icon to images using CSS (and jQuery, of course)
Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery
Creative Image-Galleries by jQuery
Blend, a jQuery plugin effect for CSS backgrounds
Simple slideshow with jQuery
jQuery plugin – Easy Image or Content Slider
Animate Image Filling Up Using jQuery
The youlove.us scrolling background effect explained
Fullsize A New IMG Tag Attribute
Sliding Boxes and Captions with jQuery
Smooth Div Scroll
ColorBox
Polaroid Photo Viewer with CSS3 and jQuery
Scroll Your HTML Elements with jQuery Scrollable
Create Custom Carousel with Agile Carousel jQuery Plugin
jQuery Javascript Image Magnifier under GPL
テキスト
これは、、、とくに必須という感じではないですがちょっとした味付け程度に
Beautiful sIFR Replaced Text with a jQuery Plugin
ナビゲーション
これは利用したいものがたくさんあります。サイトが複雑化多様化してくる中でナビゲーションを分かりやすくするっていうのは必須です。スタイルシートだけでは出来ないことも簡単に出来てしまう辺りがいいですね。
Create a Slick Tabbed Content Area using CSS & jQuery
Create a Realistic Hover Effect With jQuery
horinaja for scriptaculous or jQuery
jQuery – Horizontal Accordion
8 Sites with Excellent jQuery Navigation
SpriteMenu
tabSwitch
wTooltip: Lightweight, Flexible jQuery Tooltip Plugin
インターフェイス
20 jQuery Tutorials And Plugins To Impress Your Friends
5 Extremely Simple Ways To Add Page Curl To Your Website
40 Exceptional jQuery Interface Techniques and Tutorials
Easy Widgets
レイアウト
DivCorners – create image corners & border layouts
Easy Display Switch with CSS and jQuery
Allow Users to Switch Page Layouts with jQuery & CSS
Collapsible Drag & Drop Panels Using jQuery
フォーム
かっこいいフォーム作成
Autobox2
まとめ
Top 10 Jquery Examples with Live Demos
40+ Excellent jQuery Tutorials
jQueryのプラグイン33+1選 -2009年3月
25 Excellent Tips and Tricks of jQuery
外部スクリプトの呼び出しをコントロール
LABjs (Loading And Blocking JavaScript)
jQueryじゃないけど。。。普通のJavascriptでもいいのがあります。
27+ Handy Javascript Techniques for Web Designer
TinyTable JavaScript Table Sorter
Leave a Reply