昨年(2010年)に、サイト制作で役立ちそうなjQueryプラグインをまとめて紹介している記事を、
自分用にメモっていたものが、まとまりきらなくなってきたので、ここに一部まとめて紹介してみます。

jQueryを使ってサイトに華やかな演出を加えたり、
UIを勉強するために役立ちそうなサイト(ブログ)のまとめ。

60 Useful JQuery Tutorials From 2010

2010年に公開されたjQueryプラグインで特に便利なものを60種類集めたエントリー。
スライダー系やプルダウン、モーダルウィンドウやボタンロールオーバー、ツールチップ、アコーディオンなどなど、
コンテンツ全体を動的に演出するものからUIまでさまざまです。


60 Useful JQuery Tutorials From 2010 | AcrisDesign

Absolutely Amazing Techniques To Create Eye-Catching Websites With JQuery (Best Of 2010)

上と同じく2010年に公開されたjQueryで特別目を惹く技術が使われているものを集めたエントリーで
内容も被るものがありますが、こっちはズームを使った仕掛けや、画像ギャラリー的なものが多く見られます。


Absolutely Amazing Techniques To Create Eye-Catching Websites With JQuery (Best Of 2010) | Free and Useful Online Resources for Designers and Developers

30 Awesome Ajax Lightbox and Modal Dialog Solutions

今やギャラリーの見せ方として主流となりつつあるLightBox系(モーダルウィンドウ)の
プラグインを30種類集めたエントリー。
ThickboxやFancyBoxなどの定番ものも有。


30 Awesome Ajax Lightbox and Modal Dialog Solutions

30 Powerfull Free jQuery Content Slider

これまたjQueryでは定番ものの、コンテンツスライダー系プラグインの中で最も強力なものを30種類集めたエントリー。
ここでも紹介した「Nivo slider」や「Sliderman.js」「Tiny Circleslider」「jQuery Image Scale Carousel」などもあります。


30 Powerfull Free jQuery Content Slider | blogfreakz.com

26 Useful jQuery Navigation Menu Tutorials

jQueryを使ってのナビゲーションメニューを演出するチュートリアルを26種類まとめたエントリー。
ロールオーバーからドロップダウン、アコーディオンなどなど。


26 Useful jQuery Navigation Menu Tutorials – Web Design Blog – DesignM.ag

50 Way Awesome jQuery Web Design Effects

jQueryでのアニメーション、イメージギャラリー、ツールチップ、動的なフォーム、リアルタイムの更新、などなど
Webサイトに実装することで強力なツールとなり、ユーザーに対して大きく影響を与えることに成功したWebサイトを
50サイト紹介したエントリー。


50 Way Awesome jQuery Web Design Effects | CreativeFan

Useful jQuery Plugins for Every Project

すべてのプロジェクトにおいて、便利になるjQueryプラグインの紹介。
入力補助系のUIなどもちらほら。


Useful jQuery Plugins for Every Project | CreativeFan

10 Useful Ajax Tutorials For Web Designers

Webデザイナーの為の10個の便利なAjaxチュートリアル。
主にフォームの入力補助系が多くありますが、Twitterなどのソーシャルアプリに関するプラグインもあります。


10 Useful Ajax Tutorials For Web Designers

37 Perfact Themes Based on jQuery & AJAX

これはおまけ的な感じで、jQueryがベースとなっているWordPressテーマ集。
どのデザインもかなり洗練されたものばかりで、jQueryの演出方法の参考になります。


37 Perfact Themes Based on jQuery & AJAX – Ntt.cc

以上、ご参考までに。。。
また溜まってしまったらまとめて紹介します。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

2010年に公開されたjQueryプラグインでWebサイト制作に参考になるショーケースまとめ。

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner