MIGI PLANNING » 08 jQuery http://m-pl.jp Just another WordPress weblog Thu, 17 May 2012 09:19:57 +0000 ja hourly 1 http://wordpress.org/?v=3.3.2 2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」 http://m-pl.jp/2011/12/12/2011%e5%b9%b4%e3%81%ab%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%80%81%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b350%e3%80%8cthe-50-most-usefu/ http://m-pl.jp/2011/12/12/2011%e5%b9%b4%e3%81%ab%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%80%81%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b350%e3%80%8cthe-50-most-usefu/#comments Mon, 12 Dec 2011 02:06:08 +0000 migi http://m-pl.jp/?p=755 http://design-develop.net/web-design/js_2011.html

 

WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリース されていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。


Response Javascript

全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

 

Minimit
様々な動きが実現できるjQueryギャラリープラグイン。

22-minimit

Overscroll
スマートフォンやタブレットの操作感をWEBで実現するためのjQueryプラグイン

30-overscroll

jFontSize
jQueryでフォントサイズを変えてくれるjQueryプラグイン

37-jfontsize

上記の他にも、様々なjQueryプラグインが紹介されています。WEB制作でjQueryを良く利用するという方は是非どうぞ。

The 50 Most Useful jQuery Plugins from 2011

]]> http://m-pl.jp/2011/12/12/2011%e5%b9%b4%e3%81%ab%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%80%81%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b350%e3%80%8cthe-50-most-usefu/feed/ 0 サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」 http://m-pl.jp/2011/08/16/%e3%82%b5%e3%82%a4%e3%83%88%e5%85%a8%e4%bd%93%e3%81%ae%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b5%e3%82%a4%e3%83%88%e3%82%b5%e3%82%a4%e3%83%89%e3%81%ab%e5%87%ba/ http://m-pl.jp/2011/08/16/%e3%82%b5%e3%82%a4%e3%83%88%e5%85%a8%e4%bd%93%e3%81%ae%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b5%e3%82%a4%e3%83%88%e3%82%b5%e3%82%a4%e3%83%89%e3%81%ab%e5%87%ba/#comments Tue, 16 Aug 2011 00:57:17 +0000 migi http://m-pl.jp/?p=683 http://design-develop.net/web-design/jquery-frace.html

 

一枚に連なった、長いWEBページも最近増えてきていて、ユーザーにとっては全体像がよくわからなかったりするなんていうときが時にはあるかもしれません。そこで今回紹介するのは、サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」。

上記のようにサイトのサイドバーに全体を縮小してどの範囲が見えているかを直感的に理解できるような機能を付加できます。

詳しくは以下

 

jQueryのプラグインとして制作されていますので、組込みも比較的簡単で、様々なオプションの値が予め準備されていて、どこに出現させるか、表示のスタイルなども簡単に制御可能です。

縮小画像からもビューワーのように移動することが可能で、ただ表示させるだけではなくユーザーインターフェースとしても利用できるようになっています。アイデアしだいで面白い使い方ができそうですね。ダウンロードや詳しいTIpsは公式サイトからどうぞ。

jQuery.fracs

]]> http://m-pl.jp/2011/08/16/%e3%82%b5%e3%82%a4%e3%83%88%e5%85%a8%e4%bd%93%e3%81%ae%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b5%e3%82%a4%e3%83%88%e3%82%b5%e3%82%a4%e3%83%89%e3%81%ab%e5%87%ba/feed/ 0 jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」 http://m-pl.jp/2011/07/19/jquery%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc15%e9%81%b8%e3%80%8c15-jquery-space-saving-content-sliders-and-carousels%e3%80%8d/ http://m-pl.jp/2011/07/19/jquery%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc15%e9%81%b8%e3%80%8c15-jquery-space-saving-content-sliders-and-carousels%e3%80%8d/#comments Mon, 18 Jul 2011 23:33:15 +0000 migi http://m-pl.jp/?p=668 http://design-develop.net/web-design/15-jquery-space-saving-content-sliders-and-carousels.html

 

Flashに替わって、avascriptでコンテンツづくりをする事も多くなってきたと思いますが、今回紹介するのはjQueryで制作する、コンテンツスライダーを集めたjQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」です。


dualSlider

写真がメインのもの、動画含めてスライドするスライダー、文章を中心に見せるものなど、あらゆる種類のコンテンツスライダーが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

SlideDeck
コンテンツがサムネイルで下部に見えるコンテンツスライダー

04-slidedeck

Feature List
フューチャリスト型のコンテンツスライダー。ニュースサイトやサービスサイトに。

07-feature-list

TN3 Gallery
写真を効果的に見せることができる写真ギャラリースライダー。スライダーとリストと切り替えて表示することが可能です。

11-tn3-gallery11-tn3-gallery

上記の他にも沢山のコンテンツスライダーが紹介されています。コンテンツに合ったものを利用すれば、WEBサイトの利便性やロイヤリティを向上させることができそうです。スライダーを探していたという方は是非原文をご覧ください。

15 jQuery Space-Saving Content Sliders and Carousels

 

]]> http://m-pl.jp/2011/07/19/jquery%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc15%e9%81%b8%e3%80%8c15-jquery-space-saving-content-sliders-and-carousels%e3%80%8d/feed/ 0 最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」 http://m-pl.jp/2011/07/11/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%80%81%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e7%b3%bb%e3%81%aejquery%e3%83%97%e3%83%a9/ http://m-pl.jp/2011/07/11/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%80%81%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e7%b3%bb%e3%81%aejquery%e3%83%97%e3%83%a9/#comments Mon, 11 Jul 2011 05:57:29 +0000 migi http://m-pl.jp/?p=659 http://design-develop.net/web-design/15-fresh-jquery-menu-plugins-and-tutorials.html

 

WEB制作の現場で幅広く利用されている軽量で高機能なjavasciptライブラリjQuery。様々なプラグインが開発され世界中でリリースされていますが、今日紹介するのは、最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」です。


naviDropDown 1.0 Plugin

全部で15のナビゲーション系のjQueryプラグインがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

 

Memu ? A simple CSS & jQuery Menu
OSライクなドロップダウンメニュー。シンプルですが、使いやすいメニュープラグイン

Cool Animated Menu
リボンがかかるという独特なナビゲーションをjQueryで表現した、ナビゲーション

Flashy Navigation with easing and hoverIntent
すこしアナログ感のある動きを表現したナビゲーション。

上記の他にも様々なjQueryを利用したナビゲーションが公開されています。WEBサイトの要でもある、ナビゲーションなだけに、ユーザーを引き付けられるものを採用したいですね。

15 Fresh jQuery Menu Plugins and Tutorials

 

]]> http://m-pl.jp/2011/07/11/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%80%81%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e7%b3%bb%e3%81%aejquery%e3%83%97%e3%83%a9/feed/ 0 最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」 http://m-pl.jp/2011/06/06/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aajquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4/ http://m-pl.jp/2011/06/06/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aajquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4/#comments Mon, 06 Jun 2011 00:08:08 +0000 migi http://m-pl.jp/?p=646 http://design-develop.net/web-design/8-fresh-and-useful-jquery.html

 

WEB制作に便利なjQuery。プラグインも豊富にリリースされており、世界中でりよすされているjavascriptの一つです。今日紹介するのは最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」です。


Isotype

全部で8つのプラグインが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

■Sausage
長い、WEBページをどこに何があるのかスクロールバーの横にナビゲーションを出してくれるスクリプト。

■ImageLens
画像の一部を拡大し、表示してくれるプラグイン。商品の詳細をクリックさせずに見せる時などに便利。

■jMenu
シンプルなメニューですが、オプションの値などで簡単に様々なエフェクトがコントロール可能です。

どのjQueryプラグインも丁寧に導入方法が記載されていましたので、普段から利用している方は問題なく導入することができると思います。jQueryプラグインを探していたという方は是非原文もどうぞ。

8 Fresh and Useful jQuery Plugins | Resources

 

]]> http://m-pl.jp/2011/06/06/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aajquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4/feed/ 0 使えるjQueryプラグインまとめ「10Useful jQuery Plugins」 http://m-pl.jp/2011/04/11/%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c10useful-jquery-plugins%e3%80%8d/ http://m-pl.jp/2011/04/11/%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c10useful-jquery-plugins%e3%80%8d/#comments Sun, 10 Apr 2011 23:50:26 +0000 migi http://m-pl.jp/?p=591 http://design-develop.net/web/10-useful-jquery-plugins.html

 

webサイトをより効果的に見せるための手段としてjQueryを選択するという事も多いと思います。今回紹介するのは使えるjQueryプラグインまとめたエントリー「10Useful jQuery Plugins」です。


Subway Map Visualization

シンプルなものから少し変わったギミックのプラグインまで幅広いジャンルのものが紹介されています。今回はそのなかからいくつかきになったプラグインを紹介したいと思います。

詳しくは以下

arbor.js
グラフの可視化ライブラリにより画面のリフレッシュ処理や仕事の効率化が可能になります。ユーザーが必要な情報を選んで表示させたりと、見る人によって得ることのできる情報が異なるコンテンツ制作ができそうです。シンプルな線で綺麗に系統立てられているので、さまざまな場面で使いやすいと思います。

Mobily Playground ? MobilyMap
任意の画像からGoogleマップのような、ドラッグ可能なインターフェイスを作成することができます。地図だけでなく大きな画像を表示させて、画像の細部までじっくり見ることができるようになるのではないでしょうか？

Awkward Viewline
単純な直線上にすべてのメディアタイプを表示するためのプラグインです。例えば、製品ラインをいくつも表示したいときに使用すると便利です。画面のスクロールもとても滑らか使いやすく、インパクトを与えることができそうです。

liteAccordion
最近サイトでよく見かける、クリックすると画像が横スクロールするタイプのプラグインです。わずか4.5キロバイトのデータ量なので、気軽に使うことができます。basicやblackなどのテーマ選択やオートプレイ等の選択ができるというのも嬉しいです。

サイトの表現方法は無限に広がっており、アイデアを形にできる環境が整っているので、JQueryプラグインを効率的に使用して、新たなアイデアを形にすることができそうです。他にもたくさんのテンプレートが紹介されていますので、気になる方は下記よりご覧ください。

10 Useful jQuery Plugins | Resources

 

]]> http://m-pl.jp/2011/04/11/%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c10useful-jquery-plugins%e3%80%8d/feed/ 0 スライドショーを用いたwebデザインまとめ「30 Inspiring Examples of Slideshows in Web Design」 http://m-pl.jp/2011/03/28/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%92%e7%94%a8%e3%81%84%e3%81%9fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c30-inspiring-examples-of-s/ http://m-pl.jp/2011/03/28/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%92%e7%94%a8%e3%81%84%e3%81%9fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c30-inspiring-examples-of-s/#comments Mon, 28 Mar 2011 02:39:19 +0000 migi http://m-pl.jp/?p=579 http://design-develop.net/web-design/30-inspiring-examples-of-slideshows-in-web-design.html

商品の写真や、メインのグラフィックを効果的に見せてくれるスライドショーはwebデザインのさまざまなシーンで活躍してくれます。今回はそんなスライドショーを用いたwebデザインまとめ「30 Inspiring Examples of Slideshows in Web Design」を紹介したいと思います。


（Print Mor ? NYC ? Since 1987 | Home）

シンプルな横スライドから、サイト全体を動かすような個性のあるものまで、いろいろなタイプのスライドショーを楽しむことができます。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

■relogik.com | Design & innovation | Showcase of Damjan Stanković
ふんわりとやさしく写真が浮かび上がるスライドショー。ソフトで柔らかい印象を演出したい時なんかに最適では？

■Jax Vineyards
ロゴとナビゲージョンのみ固定、それ以外のビジュアルやテキストがスライドショーとして可動するタイプ。ダイナミックな動きで見る人を魅了してくれそうです。

■Bixal :: Connecting You to Hispanic Markets
サイドナビゲージョンと連動。マウスオンすることで、所定のビジュアルが出現する仕組み。いくつものブランドや商品を紹介するサイトなどに向いているのではないでしょうか。

webデザイン自体がシンプルでも、スライドショーを用いることでより洗練された印象に仕上げることができます。サイトの内容やテーマに合わせて是非参考にしてみてください。

30 Inspiring Examples of Slideshows in Web Design | Inspiration

]]> http://m-pl.jp/2011/03/28/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%92%e7%94%a8%e3%81%84%e3%81%9fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c30-inspiring-examples-of-s/feed/ 0 クリエイティブなjQueryプラグイン28選「28 Fresh jQuery Tutorials」 http://m-pl.jp/2011/03/22/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aajquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b328%e9%81%b8%e3%80%8c28-fresh-jquery-tutorials%e3%80%8d/ http://m-pl.jp/2011/03/22/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aajquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b328%e9%81%b8%e3%80%8c28-fresh-jquery-tutorials%e3%80%8d/#comments Tue, 22 Mar 2011 00:11:02 +0000 migi http://m-pl.jp/?p=577 http://design-develop.net/web-design/28-fresh-jquery-tutorials.html

先日、jQueryのプラグインを「新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」」という記事で紹介したばかりですが、今回はクリエイティブなjQueryプラグインを集めたエントリー「28 Fresh jQuery Tutorials」を紹介いたします。


Fullscreen Gallery with Thumbnail Flip

このエントリーでは、スライダー、ギャラリーなどを中心に演出に凝った、見せるためのjQueryプラグインが多数まとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Bubbleriffic Image Gallery with jQuery
ローディングや画像の出現イメージなど細かいところにこだわった、jQueryを利用したギャラリー。

■Overlay Effect Menu with jQuery
マウスオーバー時に、オーバレイして見せるメニュー。フルスクリーンのFLASHライクなサイトには相性が良さそうです。

■Animated Portfolio Gallery with jQuery
スムーズに動作するポートフォリオ用のクリエイティブなギャラリー。javascriptを駆使して、演出を重ねています。

上記の他にも様々なクリエイティブなjQueryプラグインがまとめられています。もっと印象的にサイトを見せたいという方にはおすすめなエントリーです。気になった方は是非原文もご覧ください。

28 Fresh jQuery Tutorials ? Web Design Blog ? DesignM.ag

]]> http://m-pl.jp/2011/03/22/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aajquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b328%e9%81%b8%e3%80%8c28-fresh-jquery-tutorials%e3%80%8d/feed/ 0 ハイクオリティーなスライダー集「Top 20 Premium Quality Sliders 」 http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/ http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/#comments Tue, 01 Feb 2011 14:02:35 +0000 migi http://m-pl.jp/?p=560 http://design-develop.net/web-design/top-20-premium-quality-sliders.html

FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。


o’Slider

様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■SV Slider- Slideshow Script
様々なタイプのスライダー表現が可能なスライダー。フューチャリストのような見せ方もできます。

■JQuery Slider/Image Rotator
爽快感のあるアニメ表現と豊富なトランジションが魅力のスライダーjQueryを使って制作されています。

■jQuery List Style Rotator
リスト表現が美しいjQueryによるスライダー。WEBマガジン系のコンテンツに最適なスライダーです。

上記の他にも様々なスライダーが用意されています。今回紹介するスライダーは有料のものになりますが、プロジェクトにも利用出来るものなので、上手く使えば製作コストも抑えられるかと思います。jsが苦手だという方は是非どうぞ。

Top 20 Premium Quality Sliders | Nettuts+

]]> http://m-pl.jp/2011/02/01/%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%bc%e3%81%aa%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e9%9b%86%e3%80%8ctop-20-premium-quality-sliders-%e3%80%8d/feed/ 0 ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」 http://m-pl.jp/2010/11/17/%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e6%a7%8b%e7%af%89%e3%81%ae%e3%81%9f%e3%82%81%e3%81%aejquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e9%9b%86%e3%80%8c20-jquery-image-and-multimedia-g/ http://m-pl.jp/2010/11/17/%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e6%a7%8b%e7%af%89%e3%81%ae%e3%81%9f%e3%82%81%e3%81%aejquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e9%9b%86%e3%80%8c20-jquery-image-and-multimedia-g/#comments Wed, 17 Nov 2010 01:03:39 +0000 migi http://m-pl.jp/?p=530 http://design-develop.net/web-design/20-jquery-image-and-multimedia-gallery-plugins.html

高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。


Galleriffic

サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Mobile Image Gallery Web App
iphoneように製作されたギャラリー。インターフェースもそれなりにつくられており、アプリと比べても遜色の無い動きです。

■Micro Image Gallery
3サイズで展開される、ミニマムなイメージギャラリー。シンプルなギャラリーを使いたい時に。

■Multimedia Gallery for Images, Video and Audio
全画面を使ったフラッシュサイトのようなギャラリー。XMLファイルで制御でき、写真だけではなく、映像や音声も扱うことができます。

上記の他にも様々なギャラリープラグインがまとめられています。ギャラリーをサイトに必要な方は是非原文もどうぞ。理想的なギャラリーが見つかるかもしれません。

20 jQuery Image and Multimedia Gallery Plugins

]]> http://m-pl.jp/2010/11/17/%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e6%a7%8b%e7%af%89%e3%81%ae%e3%81%9f%e3%82%81%e3%81%aejquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e9%9b%86%e3%80%8c20-jquery-image-and-multimedia-g/feed/ 0