-
収集元フィード
-
説明
Googleブログ検索などで見つけた気になるブログのFeedを登録しています。
追加依頼や削除依頼がありましたら、お気軽に
までご連絡ください。
「収集元フィード」で、
をクリックすると、そのfeedのエントリ記事だけが表示されます。
をクリックすると、全記事を再度表示します。
jQuery関連情報をメインで扱っている日本語のブログがあんまり見つかりません。
自薦・他薦問いませんので、ご存知のブログがあったら教えてくださいませ。 -
mobile url
-
Planet
お楽しみ
チーム Left Handle
jQuery Planet Planet一覧へ
jQuery使いは必見。
ちょっとした「スタンダード感」すら出てきたjQuery。
jQuery関連のサイトやブログを集めてみました。
jquery: How to Easily Inject jQuery into any Web Page http://bit.ly/b3egh6
jquery: How to Easily Inject jQuery into any Web Page http://bit.ly/b3egh6
jquery: get $.fn.animate() to use CSS3 transitions when possible by @benpbarnett: http://bit.ly/cnCYP2
jquery: get $.fn.animate() to use CSS3 transitions when possible by @benpbarnett: http://bit.ly/cnCYP2
jqueryui: Have you nominated us for the 2010 Open Source Award for JavaScript Libraries at http://bit.ly/9q6zIB
jqueryui: Have you nominated us for the 2010 Open Source Award for JavaScript Libraries at http://bit.ly/9q6zIB
jquery: Have you nominated us for the 2010 Open Source Award for JavaScript Libraries at http://bit.ly/9q6zIB
jquery: Have you nominated us for the 2010 Open Source Award for JavaScript Libraries at http://bit.ly/9q6zIB
jqueryui: @MichaelVdheeren Very cool. Let us know when your finished, looking good.
jqueryui: @MichaelVdheeren Very cool. Let us know when your finished, looking good.
jquery: Don't forget, before the conference, we're offering an additional full day of jQuery Training at Bocoup Loft http://bit.ly/c4d2oh
jquery: Don't forget, before the conference, we're offering an additional full day of jQuery Training at Bocoup Loft http://bit.ly/c4d2oh
jquery: @antigabe yeah about that, we need to talk... I need some space you're smothering me ;)
jquery: @antigabe yeah about that, we need to talk... I need some space you're smothering me ;)
jquery: @Nmarques http://bit.ly/9h3a2G
jquery: @Nmarques http://bit.ly/9h3a2G
jquery: FYI, Tekpub videos are free to view today with an account. See here for more info http://bit.ly/cTXQyW
jquery: FYI, Tekpub videos are free to view today with an account. See here for more info http://bit.ly/cTXQyW
jquery: Watch the Master jQuery series on Tekpub as mentioned on @jquerypodcast Ep. 32 w/Dave Ward http://bit.ly/bneI94 *Free today only
jquery: Watch the Master jQuery series on Tekpub as mentioned on @jquerypodcast Ep. 32 w/Dave Ward http://bit.ly/bneI94 *Free today only
The Official jQuery Podcast – Episode 32 – Dave Ward
Our guest this week is Dave Ward (http://encosia.com), who is the co-host of the Tekpub video series on jQuery, Mastering jQuery. We talk about the T...
jQueryのShakyMenuプラグインでメニューを振動させる
このサンプルは、jQueryの ShakyMenu プラグインを利用してメニューを左右に振動させます。サンプルが表示されたらマウスを任意のメニューに移動してください。カレントのメニュー以外が左右に振動します。しばらくすると振動が停止します。
jquery: @furf @reybango Hilton Logan provided us with a venue that could hold ~500 people with a competitive cost that keeps our ticket prices low.
jquery: @furf @reybango Hilton Logan provided us with a venue that could hold ~500 people with a competitive cost that keeps our ticket prices low.
jquery: @getify Great see you there then? ;)
jquery: @getify Great see you there then? ;)
jquery: @getify StrangeLoop Conf (Oct 14-15) doesn't conflict, its the two days before ours (Oct 16-17). :)
jquery: @getify StrangeLoop Conf (Oct 14-15) doesn't conflict, its the two days before ours (Oct 16-17). :)
jquery: Want to share your jQuery knowledge at the Boston jQCon? Submit a talk http://bit.ly/cEO48Z Deadline for proposals Sept 6th 11:59PM PST
jquery: Want to share your jQuery knowledge at the Boston jQCon? Submit a talk http://bit.ly/cEO48Z Deadline for proposals Sept 6th 11:59PM PST
jqueryui: Extensible Autocomplete jQuery Widget http://bit.ly/c1sPUK
jqueryui: Extensible Autocomplete jQuery Widget http://bit.ly/c1sPUK
jquery: In case you missed it last night: jQuery Conference 2010: Boston, Oct 16-17, 2010 http://bit.ly/a5NqOG *Tickets on sale now!
jquery: In case you missed it last night: jQuery Conference 2010: Boston, Oct 16-17, 2010 http://bit.ly/a5NqOG *Tickets on sale now!
jquery: jQuery Mobile Update: Draft Components, webOS, Blackberry 4.7 http://j.mp/dfj9k6
jquery: jQuery Mobile Update: Draft Components, webOS, Blackberry 4.7 http://j.mp/dfj9k6
jquery: We are proud to announce jQuery Conference 2010: Boston, Oct 16-17, 2010 http://bit.ly/a5NqOG TICKETS ONSALE NOW!!!
jquery: We are proud to announce jQuery Conference 2010: Boston, Oct 16-17, 2010 http://bit.ly/a5NqOG TICKETS ONSALE NOW!!!
jQuery Conference 2010: Boston Announcement
The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010. The conference will be held at the Hilton ...
jqueryui: @antonio_silva Not a problem...thanks!
jqueryui: @antonio_silva Not a problem...thanks!
Creating a New iSites Tool
Bobbi Fox has provided slides from her talk on "Creating a New iSites Tool" at the August 11 ABCD-WWW / HarvardWWW workin...
jqueryui: @antonio_silva Can you please post more details on the problem in the Developing jQuery UI forum? Not sure what the problem is.
jqueryui: @antonio_silva Can you please post more details on the problem in the Developing jQuery UI forum? Not sure what the problem is.
jquery: @nessthehero See the top part about meta-characters http://bit.ly/9jx0BM
jquery: @nessthehero See the top part about meta-characters http://bit.ly/9jx0BM
jquery: @BernhardHofmann It seems to be working now.
jquery: @BernhardHofmann It seems to be working now.
jqueryui: Help us win the 2010 Open Source Award for JavaScript Libraries. Nominate "jQuery, http://jquery.com" at http://bit.ly/9q6zIB
jqueryui: Help us win the 2010 Open Source Award for JavaScript Libraries. Nominate "jQuery, http://jquery.com" at http://bit.ly/9q6zIB
jquery: @_matthewhartman see here http://bit.ly/cBu2Hf
jquery: @_matthewhartman see here http://bit.ly/cBu2Hf
jquery: Some good dives into jQuery's methods like map(), each(), live(), and caching at http://blog.seankoole.com
jquery: Some good dives into jQuery's methods like map(), each(), live(), and caching at http://blog.seankoole.com
jquery: @PSi_AU Thanks, it's been cleaned.
jquery: @PSi_AU Thanks, it's been cleaned.
jQueryのCLEditorプラグインでHTMLエディタを実装する
このサンプルは、jQueryの CLEditor プラグインでWYSIWYG HTMLエディタを実装します。 サンプルが表示されたら、テキストを入力して[B],[I],[U]...などのボタンをクリックして編集してみてください。
The Official jQuery Podcast – Episode 31 – Filament Group
In our 31st episode, we talk with the team at Filament Group, Todd Parker, Patty Toland and Scott Jehl. Filament Group is a design firm in Boston, MA...
jqueryui: @furf Please ask your question in the forum.
jqueryui: @furf Please ask your question in the forum.
QueryPath: It’s like PHP jQuery in Drupal!
This slideshow introduces QueryPath (a PHP jQuery library)
jQueryのSmooth Div Scrollプラグインでイメージをスクロールする
このサンプルは、jQueryの Smooth Div Scroll プラグインを利用して イメージを左右にスライドさせます。 サンプルが表示されるとイメージが自動的に左側にスクロールします。 イメージが終端までスクロールしたら逆方向にスクロールさせます。 手動でスクロールするときは左右の矢印にマウス...
dojo is bizarro jQuery
My presentation at the Bocoup Loft (Boston, 2010-08-11). A fun diversion to illustrate some of the similarities and differences between jQue...
Understanding jQuery
This is a slide deck on jQuery. Intertech offers a course on Ajax that includes jQuery. It is offered in a format for Java developers: ht...
jqueryui: Announcing jQuery Mobile: http://j.mp/beQ9ot Screenshots, browser support, and more details: http://bit.ly/9qaxLE
jqueryui: Announcing jQuery Mobile: http://j.mp/beQ9ot Screenshots, browser support, and more details: http://bit.ly/9qaxLE
The jQuery Project is Proud to Announce the jQuery Mobile Project
Mobile web development is an emerging hot topic in the web development community. As such, the jQuery Team has been hard at work on determining the st...
jQuery London 2010 Postponed
After much deliberation, The jQuery Project Operations Team has decided to postpone our planned London event this year. Unfortunately, we were unable...
Front-End Engineering
Session was Gave under the name of CAT team - Mansoura University
Idiots guide to jquery
My slides to my presentation at Webuquerque in August 2010
jqueryui: jQuery UI 1.8.4 has been released full details at http://bit.ly/dp5bkZ
jqueryui: jQuery UI 1.8.4 has been released full details at http://bit.ly/dp5bkZ
Collapser
Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plu...
jQueryのMopSliderプラグインでイメージをアップルのサイト風にスライドさせる
このサンプルは、jQueryの MopSlider プラグインを利用して Appleのサイト風にイメージをスライドさせます。 サンプルが表示されたら「Any Words」のハンドルをドラッグして左右に 移動してみてください。イメージが左右にスライドします。 スライダー右端の切り替えボタンをクリックす...
jQueryのInsetBorderプラグインでイメージのボーダーをアニメーション化する
このサンプルは、jQueryの InsetBorder プラグインを利用してイメージのボーダーをアニメーション化します。ここでは、イメージに５種類のボーダーを表示しています。イメージにマウスを移動するとボーダーがアニメーション化します。
jqueryui: Style an HTML Table using jQuery UI and Theme Switcher Widget http://bit.ly/9UHTdE
jqueryui: Style an HTML Table using jQuery UI and Theme Switcher Widget http://bit.ly/9UHTdE
J Query - Your First Steps
A basic intro into jQuery talk I prepared for a Meetup.com talk. You can grab the code here: http://www.sennza.com.au/jQuery-intro.zip ...
Jquery enlightenment
this book learn you how to use jquery
Jquery In Action.2nd Edition
this book will learn you how to use jquery (javascript library) perfectly
jQuery actionsmenu plugin
This jQuery plugin makes it easy to provide access to functions from a drop-down menu. Includes accessibility features like WAI-ARIA and keyboard supp...
jQueryのYouTubeEmbedプラグインでカスタムビデオプレイヤーを表示する
このサンプルは、jQueryの YouTubeEmbed プラグインを利用して カスタムビデオプレイヤーを表示します。 サンプルが表示されたら[Click to Play]ボタンをクリックしてビデオを再生します。 停止させるには動画にマウスを移動して[Click to Pause]ボタンをクリックし...
The Official jQuery Podcast – Episode 30 – Chris Coyier
In our 30th episode, we talk with Chris Coyier of CSS-Tricks. Chris also works for Wufoo, an online form builder service. Chris talks about his insp...
jQueryでサムネイルナビゲーションギャラリーを実装する
このサンプルは、jQueryとCSSを利用してサムネイルナビゲーションギャラリーを実装しています。サンプルが表示されたら「Newest Collection」の右端に表示されてい[V]をクリックします。サムネイルの一覧が表示されたら任意のサムネイルをクリックして拡大してみてください。サムネイルにマウ...
jqueryui: Third Party ThemeRoller Theme Aristo 0.7 Released http://bit.ly/9b2ZRH
jqueryui: Third Party ThemeRoller Theme Aristo 0.7 Released http://bit.ly/9b2ZRH
jqueryui: @mark_ellul If you use the jQuery UI CSS framework classes, your site will be ThemeRoller-ready: http://jqueryui.com/docs/Theming/API
jqueryui: @mark_ellul If you use the jQuery UI CSS framework classes, your site will be ThemeRoller-ready: http://jqueryui.com/docs/Theming/API
jqueryui: "jQuery UI Logo in CSS" by DougNeiner http://bit.ly/dr4XtF *Awesome
jqueryui: "jQuery UI Logo in CSS" by DougNeiner http://bit.ly/dr4XtF *Awesome
jqueryui: @mark_ellul We use Farbtastic color pickers in ThemeRoller's UI - http://acko.net/dev/farbtastic
jqueryui: @mark_ellul We use Farbtastic color pickers in ThemeRoller's UI - http://acko.net/dev/farbtastic
jqueryui: RT @scott_gonzalez: auto-reposition your dialog when resizing the browser window: http://bit.ly/96Y7PA #jqueryui
jqueryui: RT @scott_gonzalez: auto-reposition your dialog when resizing the browser window: http://bit.ly/96Y7PA #jqueryui
hoverTimer
hoverTimer hoverTimer is an object oriented timer that waits for a specified amount of time to pass to prior to calling the "mouseover" and "mouseout"...
jqueryui: Interview with jQuery UI Lead, Scott González | Open Web Developers Podcast http://bit.ly/b90sW5 #jqueryui
jqueryui: Interview with jQuery UI Lead, Scott González | Open Web Developers Podcast http://bit.ly/b90sW5 #jqueryui
Sabin Buraga — JavaScript
O presentation regarding the essential aspects of the JavaScript language.
Desenvolvimento web - O que todo desenvolvedor web deveria saber
Apresentação contendo dicas gerais sobre o desenvolvimento de projetos web. Veja o vídeo completo no link: http://www.heroisdati.com/desenv...
jqueryui: "Configuring UI widgets and interactions with .live() and .delegate()" from @ejquery http://bit.ly/9DGkMa
jqueryui: "Configuring UI widgets and interactions with .live() and .delegate()" from @ejquery http://bit.ly/9DGkMa
Intro to jQuery UI
Walk through the features and concepts of jQuery UI
jQueryUI: Rich Interactivity, Simplified
Slides from the http://appendto.com presentation on jQuery UI given at OSCON 2010.
jqueryui: "Prevent users from selecting weekends in jQuery UI’s DatePicker" by @RedWolves http://bit.ly/d3Jyld
jqueryui: "Prevent users from selecting weekends in jQuery UI’s DatePicker" by @RedWolves http://bit.ly/d3Jyld
Cooking with jQuery @ OSCON 2010
Slides from our 2010 OSCON Tutorial, Cooking with jQuery. Feel free to post questions and comments!
jqueryui: @iamfender Thanks, letting the team know now.
jqueryui: @iamfender Thanks, letting the team know now.
jqueryui: The jQuery UI team just posted the first cut of a new jQuery Mobile design system for discussion: http://bit.ly/aeWhQi #jqueryui
jqueryui: The jQuery UI team just posted the first cut of a new jQuery Mobile design system for discussion: http://bit.ly/aeWhQi #jqueryui
Sudo Slider
Sudo Slider makes it easy to make any kind of slider, using just this Javascript. It supports browser bookmarking, back/forward buttons. Multiple slid...
Cooking with jQuery
Slides from the Cooking with jQuery Tutorial Session at OSCON 2010
jQuery Conferences 2010: Call for speakers
We’d like to open up submissions for talks for our conferences in London and Boston. The dates are currently being firmed up, but currently we&...
jQueryのBubbleEngineプラグインで泡を発生させる
このサンプルは、jQueryの BubbleEngine/BubbleMachine プラグインを利用して泡を発生させます。 泡はバブルマシンが発生させます。 サンプルが表示されると２台のバブルマシンから泡がでます。 [Add a new Bubble Machine]ボタンをクリックすると、バブル...
Color Fade
Color fading rollovers for links or any object with overwrite-able options. Very trim w/ small file size.
jQueryのjYouTubeプラグインでビデオのサムネイルを取得する
このサンプルは、jQueryの jYouTube プラグインを利用してYouTubeのビデオのサムネイルを生成して表示します。 サンプルが表示されたら、テキストボックスにビデオのURLを入力して[Get Thumbnail]ボタンをクリックします。 テキストボックスのURLを書き換えて試してみてくだ...
jQueryのdragsortプラグインで要素を並べ替える
このサンプルは、jQueryの DragSort プラグインで要素をドラッグしながら並べ替えることができます。 サンプルが表示されたら、「Simple 1D list」のアイテムをドラッグして並べ替えてみてください。「2D list with drag and drop between lists」...
jQueryのloopedSliderプラグインでイメージをスライドさせる
このサンプルは、jQueryの loopedSlider プラグインでイメージを自動的にスライドさせます。サンプルが起動すると、2.5秒後にイメージが自動的にスライドします。 イメージの下にカレントの位置が●で表示されます。手動でイメージを切り替えるときは、左右の矢印ボタンをクリックします。
jQueryのJQnoticeプラグインでメッセージを表示する
このサンプルは、jQueryの JQnotice プラグインを利用してウェブページにメッセージを表示します。サンプルが起動したら「Click me」をクリックしてみてください。すると、ウェブページの最上位にメッセージが表示されます。メッセージは、JQnotice()プラグインの引数に指定します。 メ...
jQueryでTwitterのつぶやきを無制限にスクロールして表示する
このサンプルは、jQueryでTwitterのapiを利用して特定のユーザー(私の）つぶやきを表示します。スクロールバーをドラッグしてつぶやきをドラッグするとTwitterのapiを実行して次のつぶやきを表示します。この処理を繰り返して無制限につぶやきを表示します。 「このサンプルを編集して試して...
jQueryのCatch404プラグインでリンク先が見つからないときポップアップにユーザーフレンドリーなメッセージを表示する
このサンプルは、jQueryの Catch404 プラグインを利用してリンク先が存在するかチェックします。そして、リンク先が見つからないときは、ポップアップウィンドウにユーザーフレンドリーなメッセージを表示します。 サンプルが起動すると３個のボックスが表示されます。左端のボックスは内部リンクが見つか...
Online Room Reservation System
In the spring of 2010, I moved the Toy Lounge (http://www.unc.edu/toylounge) from an Oracle calendar to a fully online system using a heavil...
複数のjQueryライブラリを同時に使用するには
このサンプルは、複数のjQueryライブラリを同時にロードして個別のライブラリを利用します。ここで紹介しているテクニックは、jQueryのプラグインがjQueryのバージョンに依存するときに利用すると便利です。jQuery 1.4.2をデフォルトのライブラリとするときは、 var jQuery142...
jQueryのCalculartorプラグインでテキストボックスに電卓を組み込む
このサンプルは、jQueryの Calculator プラグインを利用して テキストボックスに電卓を組み込みます。 サンプルが表示されたらテキストボックスにフォーカスを移動してください。 テキストボックスの右端に表示されている電卓のアイコンをクリックして表示することもできます。 電卓がドロップダウン...
jQueryのCaretプラグインでMS Word風のミニバーを表示する
このサンプルは、jQueryのCaretプラグインを利用してMS Word風のミニバーを表示します。サンプルが表示されたらテキストエリアの単語をドラッグして選択してください。 マウスをリリースすると右上のミニバーが表示されますので「b i u Link」から選択します。たとばえ、[b](bold)を...
jQueryのAnimated Table Sortプラグインで表をアニメーション化して並べ替える
このサンプルは、jQueryの Animated Table Sort プラグインを利用して 表(table)の列をアニメーション化して並べ替えます。 サンプルが表示されたら表の見出し（Place, County, Phone code, Population)をクリックしてください。クリックした見...
jQueryのLike it? Tweet it! プラグインを利用して訪問者がその場でつぶやきができるようにする
このサンプルは、jQueryの Like it? Tweet it! プラグインを利用して サイト訪問者がその場でつぶやきができるようにしています。 サンプルが表示されたら「Tweet this」のリンクをクリックします。 すると画面右下に「Like it? Tweet it!」のダイアログが表示さ...
jQuery UIのDialogプラグインを利用して外部サイトのコンテンツを表示する
このサンプルは、jQuery UIのDialogプラグインを利用してダイアログに外部サイトのコンテンツを表示します。 サンプルが表示されたら「Goolge」「jQuery」「jQuery UI」のリンクをクリックしてください。ダイアログが開いてウェブサイトのコンテンツが表示されます。 ダイアログはリ...
jQueryのFlipプラグインを利用して最新のつぶやきを表示する
このサンプルは、jQueryの Flip プラグインを利用してTwitterの最新のつぶやきを表示します。 サンプルが表示されたらテキストボックスのTwitterのUser Nameを入力して[Submit]ボタンをクリックします。Twitterのアカウントがない方は[Submit]ボタンをクリック...
The Official jQuery Podcast – Episodes 28 & 29
Episode 28 – Remy Sharp Part 3 – jQuery for Designers In our final part with Remy Sharp we talk about his jQuery for Designers site. jQue...
jQueryのライブラリをGoogle CDNからロードするときリスクをゼロにする
このサンプルは、jQuery 1.4.2のライブラリをGoogle CDN(Content Delivery Network)からロードして高速化しています。このとき、Google CDNがダウンしてjQueryのライブラリがロードできない場合でも正常に動作するように、自動的にアプリケーションが動作...
jQueryのImagineMenuプラグインでイメージを使用したメニューを実装する
このサンプルは、jQueryの ImagineMenu プラグインを利用して イメージを使用したメニューを実装しています。 イメージはCSS Spriteを使用して表示します。
jQueryのMultiSelectプラグインでドロップダウンリストから複数のアイテムを選択する
このサンプルは、jQueryの MultiSelect プラグインを利用して ドロップダウンリストから複数のアイテムを選択することができます。 サンプルが表示されたらドロップダウンリストのヘッダーをクリックします。 するとアイテムがドロップダウンに表示されますのでマウスでクリックして選択します。 「...
Great Ways to Learn jQuery
These jQuery resources will set you on the path towards mastering jQuery. Written Articles Getting Started with jQuery – this is the official j...
jQueryでボタンをアニメーション化してコンバージョンを上げる！
このサンプルは、jQueryの Animate Shadow プラグインを利用して ボックスをアニメーション化します。 サンプルが表示されたらボタンにマウスを移動してみてください。 ３番目のボタンをクリックするとバウンスします。 ※このサンプルは、IE以外でご覧ください。IE9 Previewでは...
jQueryのTextTranslateプラグインを使用してワンクリックで任意の言語に翻訳する
このサンプルは、jQueryの TextTranslate プラグインを利用して任意の言語の文章を日本語などに翻訳することができます。 サンプルが表示されたらパラグラフの先頭に表示されている「Translate this]のアイコンをクリックします。ポップアップが表示されたら、ドロップダウンリストか...
jQueryでグリッド型のサムネイルを表示するスライドショー
このサンプルは、jQueryのanimte apiとcssを利用してスライドショーを実装しています。サンプルが表示されるとイメージが自動的にスライドします。 マウスをイメージ上に移動すると右下にナビゲーションバーが表示されますので、手動でイメージを切り替えるたり、自動切り替えを一時停止することができ...
jQueryで花火をうちあげる
このサンプルは、jQueryのanimate apiを利用して夜空に花火をうちあげます。 サンプルが表示されると夜空に３秒間隔で花火が打ち上げられます。 打ち上げる間隔は、setIntervalの時間を書き換えます。 花火の大きさは「emitter.duplicate(50)」の引数50を書き換えま...
jQueryのfacyboxプラグインでイメージを拡大する
このサンプルは、jQueryの facybox プラグインを利用してサムネイルをズームインします。 サンプルが表示されたら3番目のボックスに表示されているサムネイルをクリックしてください。ウィンドウが表示されてサムネイルがズームインされます。 ２番目のボックスの[Open gallery]をクリッ...
MooToolsのfloomプラグインを利用してイメージをスライドさせる
このサンプルは、MooToolsの floom プラグインを利用して イメージをスライドさせます。 サンプルが表示されるとイメージが左側からセクション化されて徐々に切り替わります。 jQueryにも同じようなプラグインがありますが、今回はイメージが気に入ったの久しぶりにMooToolsのプラグイン...
jQueryで写真をランダムに並べ替える
このサンプルは、jQueryとCSS3を利用して写真をランダムに並べ替えします。 サンプルが起動すると写真をランダムに並べ替えた状態で表示します。写真はドラッグして移動したり、クリックして前面／背面に入れ替えできます。 [View All]をクリックするとすべての写真を重ねて表示します。写真を切り替...
jQueryでイメージの角に丸みを付ける
このサンプルは、jQueryとCSS3を利用してイメージの角に丸みを付けます。 上段の例はCSS3のもで実装しています。下段の例はjQueryで実装しています。 このサンプルは、Firefox, Chrome, Safariでご覧ください。
jQueryでMac風のアイコンドックを表示する
このサンプルは、CSSとjQueryを利用してMac風のアイコンドックを表示します。 マウスをアイコンに移動するとアイコンがドックから飛び出します。そして、アイコンからマウスを遠ざけるとアイコンがドックに戻ります。 ここでは、CSS版とjQuery版を用意しました。 jQueryでアイコンを拡大する...
jQueryのCycleプラグインでイメージを上下にスライドさせる
このサンプルは、jQueryの Cycle プラグインを利用してイメージを上下にスライドさせます。サンプルが表示されるとイメージが7秒間隔で自動的にスライドします。 手動でスライドさせるときは、右端の上下の矢印ボタンをクリックします。
jQueryとCSSでスタック型のスライドショーを実装する
このサンプルは、jQueryとCSSを利用して スタック型のスライドショーを表示します。 サンプルが表示されたら、任意のサムネイルをクリックしてください。 サムネイルをスライドさせるには左右の矢印ボタンをクリックします。 サムネイルがリフレクション付きで表示されます。 するとサムネイルがズームイン...
jQueryとCSSでスライドショーを実装する
このサンプルは、CSSを利用してスライドショーを作成します。 サンプルが表示されたら任意のサムネイルをクリックしてください。 イメージが拡大表示されたら左右の矢印ボタンをクリックして切り替えます。 このサンプルは、ChromeとSafari用に最適化されています。 IE以外はCSSのみでスライドショ...
jQueryのIE Select Width プラグインでドロップダウンをコンボボックス風にする
このサンプルは、 IE Select Width プラグインを利用してドロップダウンリストの幅を書き換えてコンボボックス風にします。 「Example one」では、プラグインで幅をドロップダウンの幅を200pxに設定しています。「Example two」では、CSSでプラグインの幅を設定しています...
jQuery UIのAutoCompleteプラグインで半透明なドロップダウンメニューを表示する
このサンプルは、jQuery UIのAutoCompleteプラグインでドロップダウンメニューを表示するときアイテムを半透明にします。 サンプルが表示されたら、テキストボックスに「ca」を入力してみてください。候補リストが半透明で表示されます。 候補リストが表示されたら「↓」キーを押してアイテムを選...
jQuery UIのDialogプラグインでWebページをダイナミックにロードする
このサンプルは、jQuery UI 1.8.2のDialogプラグインを利用して ダイアログにYouTubeの動画を表示しています。 サンプルが表示されたらリンク「Load Page...」をクリックしてください。 Dialogプラグインのopenイベントでは、load()メソッドを 実行して「vi...
jQueryのPiroBox 1.2.2プラグインでサムネイルをズームインする
このサンプルは、jQueryの Pirobox 1.2.2 でサムネイルをズームインします。 サンプルが表示されたら任意のサムネイルをクリックしてみてください。 サムネイルがズームインされます。 ズームインされたとき、左上の[再生]ボタンをクリックするとイメージが自動的に切り替わります。手動で切り替...
Autocomplete Migration Guide
The jQuery Autocomplete plugin got a successor recently, the jQuery UI Autocomplete. In this guide we'll look at the old plugin API step-by-step, and ...
jQueryのImage DropDownプラグインを利用してドロップダウンにアイコンを表示する
このサンプルは、jQueryの Image DropDown プラグインを利用して ドロップダウンリストにアイコンを表示します。 サンプルが表示されたらドロップダウンリストをクリックしてアイテムを展開 してください。アイテムの左側にアイコンが表示されます。 アイテムの左側に表示するアイコンは、op...
jQueryのIdleCheckerプラグインでWebページがアイドル状態のとき警告する
このサンプルは、jQueryの IdleChecker プラグインを利用して Webページが10秒間アイドル状態のとき警告メッセージを表示します。 そして5秒間待ってログアウトページに移動します。
jQueryでマルチカラーのタブ型のメニューを作る
このサンプルは、jQueryのcss/show/hide apiを利用して マルチカラーのタブ型メニューを作成しています。 マウスをトップメニューに移動するとサブメニューが表示されます。 トップメニューをクリックするとサブメニューが固定されます。
jQueryでimgタグをanchorタグで囲ってリンク付きに変える
このサンプルは、jQueryのwrap()apiを利用して img要素をanchor要素で囲ってリンク付きにします。 サンプルが表示されたら[Change to Hyperlink]ボタンをクリックしてください。 イメージがリンク付きになります。
jQueryで世論調査の結果を3Dの棒グラフで表示する
このサンプルは、jQueryのanimate()apiを利用して3Dの棒グラフを表示します。 棒グラフの高さはanimate()の引数「height: '68%'」で設定します。
jQueryのtagCloudプラグインでタグをアニメーション化する
このサンプルは、jQueryの tagCloud プラグインを利用して タグをアニメーション化します。 タグにマウスを移動するとアニメーションを一時的にポーズします。 タグをクリックすると対応する記事に移動します。
jQueryのjQuery.Syntaxプラグインを利用してJavaScriptのコードを表示する
このサンプルは、 jQuery.Syntax プラグインを利用して PHP, JavaScript, C#, Visual Basicのソースコードを表示しています。 PHPのコードはインラインで表示しています。 「View Raw Code」をクリックするとフォーマットなしのコードを表示します。 ...
jQueryのFlickr Photobar Galleryプラグインでフッターにフリッカーの写真を表示する
このサンプルは、jQueryの Flickr Photobar Gallery プラグインを利用して フリッカーの写真をギャラリー形式で表示します。 サンプルが表示されたら下のフッターにスクロールします。 [FLICKR PHOTOSTREAM]ボタンが表示されたらクリックします。 するとフリッカー...
The Official jQuery Podcast – Episode 27 – Remy Sharp, Part 2
We again sit down with Remy Sharp in this second of a three part interview. This week we talk with Remy about HTML5 and the future of the spec and ho...
jQueryでテキストボックスのコピー／ペーストを禁止する
このサンプルは、jQueryのcopy/pasteイベントを利用して テキストボックスの値をコピペするのを禁止します。 サンプルが表示されたら「Email」の値をコピーしてみてください。 「Comfirm Email」の右側に警告メッセージがフェイドイン／フィイドアウトされます。 このサンプルは、I...
jQueryのZoomerプラグインでイメージをフラッシュ風にズームする
このサンプルはjQueryの Zoomer プラグインを利用して イメージをFlash風にズームインします。 サンプルが表示されたらサムネイルにマウスを移動してください。 するとサムネイルがズームインしてタイトルが表示されます。 タイトルのエフェクトが気に入っています！
jQuery.decorate
$.decorate(func_name, arg1, ..., argN); - is creating function that will call func_name and pass arg1 ... argN as first arguments. So for example you ...
Seattle jQuery Open Space and Hack Attack with John Resig – July 5th
On Monday, July 5th, John Resig will be at the Seattle jQuery/JavaScript community meetup at Amazon’s brand new Van Vorst Meeting Center in Sout...
A jQuery UI Combobox: Under the hood
Update on 2010-08-17: This article was updated to reflect the changes to the combobox code in jQuery UI 1.8.4 The jQuery UI 1.8 release brings along ...
divGrow
The plugin will crop the container div to the initial height value and add a link to the bottom to expand it. When clicked the container wil expand to...
jquery.simpleWeather
A simple jQuery plugin to display the weather information for any location. The data is pulled from the public Yahoo! Weather feed via the YQL API. Yo...
Now you see me… show/hide performance
I just got back from the jQuery conference in San Francisco. Wow, what an event. In addition to some incredible talks, I had the opportunity to spea...
¡PIMG! - Lightweight Image Preview Plugin
jQuery PIMG (It stands for Preview Image). PIMG is extremely lightweight and very easy to implement image preview plugin. The plugin allows you to pr...
Accessible Showing and Hiding
Editor's Note: When I started this blog nearly three years ago, one of the first things I did was write a series on showing and hiding elements on a p...
nthFix
The nthFix plugin is used to modify css any values of the 'nth' occurrence of siblings with the same class. One implementation of this could be trim t...
Flip your Tip: Keeping the Event-delegation Tooltip in View
Before we begin, please accept my apologies for not posting this tutorial sooner. I know at least two or three people were beginning to wonder if I'd ...
jQuery UI Growl
jQuery UI - Mac OS - Growl plugin A plugin for jQuery UI to show Mac OS type Growls (Notifications). It simply shows a jQuery UI dialog in the bottom ...
Spring 2010 jQuery Conference: San Francisco Bay Area
Since the fall of 2007, jQuery developers around the world have been making an annual pilgrimage to Boston, Massachusetts, to meet jQuery team members...
jQuery loadAdScript
Load third party ad network scripts that use document.write into specific containers. The only downside is that the ads will load serially.. but that’...
Pyte
Pyte - JavaScript What is pyte JavaScript provide some OOP characteristics. Pyte brings several enhancements, such as namespace support, the loading o...
Detecting Ajax Events on the Server
When working with an Ajax-enhanced website, it's generally a good idea to provide a regular request fallback for any core functionality of the site. W...
Using Delegate and Undelegate in jQuery 1.4.2
As some of you have heard, there have been two new methods added in jQuery 1.4.2, .delegate() and .undelegate(). These methods achieve the same thing ...
jquery Very Simple Context Menu
jQuery Very Simple Context Menu Their is 3 important file you need to include in your application 1) vscontext.jquery.js (Context Menu Logic File)...
jQuery Sticky Notes Plugin
The jQuery Sticky Notes Plugin allows you to easily and unobtrusively add apple like sticky notes on your website.
Using setTimeout to Delay Showing Event-Delegation Tooltips
In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked ho...
jQuery Untils: nextUntil, prevUntil, parentsUntil
jQuery Untils provides three very simple, but very useful methods: nextUntil, prevUntil, and parentsUntil. These methods are based on their nextAll, p...
scrolldrag
Scrolls overflowed elements with a corresponding drag on the elements. So, it's basically a drag that is limited to scroll offsets.
Realtime Related Tweets Bar
With all the buzz lately about Twitter real-time search. Why don't you add a real-time tweets bar related to your posts from your twitter timeline or ...
Simple Slider
A simple image slider with 2 buttons for left-right navigation. Here is a screenshot of it : http://stuff.nekhbet.ro/misc/jQuery/slider/simple_slider....
linkNotify - Inline link click notification
linkNotify 2.0 is a lightweight jQuery plugin that provides better user feedback on clicked links than the browser by displaying a color-changeable pr...
UpdatePanel Plug-in
Allows developers using the .Net Framework and MS AJAX to interact with UpdatePanels using jQuery. The UpdatePanel plug-in provides developers using t...
JSON Suggest Box
Turn a text box into an auto suggest box which search's and displays results specified in a JSON string either on construction or dynamically. The set...
flXHR Proxy
flXHR is a flash+javascript solution for cross-domain Ajax communication. It implements an identical API to the native XHR object, which allows you to...
On-Screen Keyboard
An on-screen keyboard made of buttons. The constructor loadLayoutlayout(URL, callback) takes the URL of a JSON keyboard layout, and a function(key) to...
Supersized - Full Screen Background/Slideshow jQuery Plugin
Supersized is a jQuery plugin that automatically sizes (background) images to the size of the browser and runs them as a slideshow. It is lightweight ...
expandable
A jQuery plugin that auto-expands textareas to fit the contents as a user types.
LiveFilter
LiveFilter 1.1 LiveFilter? is a very lightweight jQuery plugin that will filter a ul or ol and display only the results that match the supplied string...
Jcrop Image Cropping Plugin
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin wi...
Docking layout manager
This allow you to dock a HTML element like DIV. Docking concept is similar to the Microsoft style docking, where you can dock to Top, Left, Fill, Righ...
fieldSelection
Retrieve the caret (text cursor) position from textareas and input fields as well as the actual selection and its index boundaries. Replacing the sele...
あにずむ : 【書籍】jQueryクックブックがやっと届いた - livedoor ...
１：jQueryの基礎２：jQueryでの要素の選択３：基礎の枠を超えて４：jQueryのユーティリティ５：もっと早く、もっと単純に、もっと楽しく６：大きさ７：エフェクト８：イベント９：高度なイベント１０：HTMLフォームの拡張１１：プラグインによるHTML ...
Pro PHP and jQuery｜ぶにゃの日記
ぶにゃのぶにゃの日記の記事、Pro PHP and jQueryです。
【備忘録】:hidden について / jQuery #001 おしごと。
【備忘録】:hidden について / jQuery #001. jQuery :hidden について「コンテンツが開いていたら隠す」「閉じていたら開く」の判断をするために jQuery.is(":hidden") がいい感じだったのですが。 ↓ 大雑把に書くとこんな感じ ...
またまた増えた広告のアイコン～めんたまver.～｜Web 空間づくり ...
soleil666のWeb 空間づくり～アメブロを自分好みのstyleに[CSS]カスタマイズ[JQuery]～の記事、またまた増えた広告のアイコン～めんたまver.～です。
404 Blog Not Found:Ajax - jQueryでjQueryを内観する
こんなのがあっという魔に作れるところも、jQueryの魅力です。 で、実際にソースを見てみると、白魔術も黒魔術も使いまくりですね。 たとえば jQuery.isType() 。 toString.call(obj) とはね。 たとえば jQuery.globalEval() は eval() を全く...
jQueryとCSS3、HTML5でここまで出来るホバーインタフェース:phpspot ...
WanderWall ? A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3、HTML5でここまで出来るホバーインタフェース。 jQu...
Planet jQuery » AutoPortal 2 jQuery Based Fully xHTML CSS Template ...
AutoPortal 2 jQuery Based Fully xHTML CSS Template | Blog Robot. PremiumWpThemess.ComDemo:http://premiumwpthemess.com/demos/autoportal/ View full post...
jQueryとCSSスプライトで作られた素敵な時計『jQuery Sliding Clock ...
Home > jQuery関連 > jQueryとCSSスプライトで作られた素敵な時計『jQuery Sliding Clock』. Older. jQueryとCSSスプライトで作られた素敵な時計『jQuery Sliding Clock』. 2010-08-30 (Mon) 13:16; jQu...
jQuery関連の多数のライブラリが登録されているJSホスティングの ...
jQueryのプラグインなどが豊富なのでGoogleなんかに乗っかっていない場合はこちらを使ってみるのもいいかも。 特にアクセスの多いサイトなどではこうしたJSの転送量もばかになりませんから、転送量節約のためにもよさそうです。 尚、欲しいものがあったら ...
iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox ...
iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグインのご紹介。自動でモニターサイズに合わせてくれるのとマークアップがシンプルなのが特徴です。
これはいい！iPadテーマのjQuery画像ギャラリー:phpspot開発日誌
Build an iPad-Themed Image Slider with jQuery | Design Shack これはいい！iPadテーマのjQuery画像ギャラリー。 画像ギャラリースクリプトは色々ありますが、iPadの中に映し出されたようなブラウザ上で動作する画像ギャラリーです。 .....
[JS]jQueryのプラグイン33+1選 -2010年7・8月 | コリス
サイト制作に関するアウトプットとクリップした情報を紹介するブログです。
IE8 で jQuery の slideDown() と fadeIn() が効かないことがある件 ...
jQuery でスライドダウンを作っているときに IE8 だけで動いていないのを確認したので、そのメモ。検索しても原因が分からなかったので自分で調べてみました。
Planet jQuery » Get Users Location With JQuery and Ajax
Ever needed to know where your user is from? Ever needed to do it with jQuery / Ajax? Today my friend you are in luck. This article will show you how...
Planet jQuery » Sliders: Stephen is anything but even
... the best week of his life, renewing hope that he'll live up to expectations. Our Scott White throws up his hands trying to figure him out in his S...
Symfoware 複数選択可能な入力補完(suggest)のjquery.tokeninput.jsを ...
入力補完機能を提供してくれるjQueryのプラグインを探していたところ・・・ jQuery Plugin: Tokenizing Autocomplete Text Entry 複数項目を選択したかったので、この「jquery.tokeninput.js」を使ってみます。 ...
２つの要素を組み合わせたクールなスライダー実装jQueryプラグイン ...
dualSlider ２つの要素を組み合わせたクールなスライダー実装jQueryプラグイン「dualSlider」。 左には動画、右にはその説明を記述するようなUIで、コンテンツをスライドさせると、左右連動してアニメーションされ、なかなかカッコいい効果が作れています ...
Planet jQuery » Dinosaurs jQuery Based Portfolio Fully xHTML CSS ...
Planet jQuery. ｊQueryに関する情報を自動収集しています。1時間に1回更新されます。 Dinosaurs jQuery Based Portfolio Fully xHTML CSS Template | Nulled. Dinosaurs jQuery Based Portfol...
Planet jQuery » jQuery Sorting Example
jQuery sorting in table is most easiest way to sort data in html table. jQuery table sorting work with tbody tag and thead tags. It does not need to r...
jQuery lazy load pluginの導入と思わぬ不具合への対応！ | [NC]News ...
「jQuery lazy load plugin」というWordPress用のプラグインを利用すると、画像などがフワッとした感じでスクロールに応じて表示されるようになります。 プラグインを入れるだけなので、とても手軽なのですが、いくつか気になる点も。 ...
