8 Best jQuery Mobile Plugins | ZoomZum スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。 1から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。 Drag And Scale For IOS ブロック要素をピンチイン、アウトによって拡大、回転させることも可能です。これでiPhone向けのWEBサイトといってもアプリのような自由度が得られます(デモ)。 こんなことできるんっ、という声が出てしまうかも(Androidはドラッグのみ) jQuery Mobile Photo Album リッチなフォトアルバム実装が可能 Jquery Mobile Device Drag And Drop 要素のドラッグ&ドロップが可能 Jquery Swipe スワイプイベン
Google AJAX Language APIを利用して、ページ内のテキストを30以上の言語に自動翻訳するスクリプト&ブックマークレット「Sunday Morning」を紹介します。 Sunday Morning jQuery + Google Translation デモでは、ダブルクリックでナビゲーションを表示してインラインのテキストを翻訳するものと、単語単位で翻訳するものがあり、サイトのテキストもダブルクリックすると翻訳されます。 ブックマークレットは、下記ページにて作成することができます。 SundayMorning Bookmarklet Generator Sunday MorningはjQueryのプラグインのため、実装にはjquery.jsが必要です。
こんにちわ。mBlogのQuattroです。今回でちょうど連載が始まって丸2年となりました。withDもリニューアルし、これからはより大きなサムネールで、Webに関するツールやTipsを紹介できるかと思います。そんなわけで今後ともひとつ。 さて今回は、jQueryを使ったユーザーインターフェースに関するJavascriptをいくつかご紹介したいと思います。いわゆるJavascript Libraryと呼ばれるものの中には、他にPrototype.jsやmootoolsあたりが有名どこですが、今回はjQueryに絞って紹介してみたいと思います。
maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover. It provides a single jQuery function: $('.foo').maphilight() This would hilight every image with a map on the page: $('img[usemap]').maphilight() Demos The simple demo (with awful art, and examples of data attributes) A map of the world A map of the USA A few feature-demonstrations Plu
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n
Posted on 18th February 2008 — Michiel Kenis requested a tutorial explaining how to create a similar effect used to showcase the products on the Apple web site. Earlier: Image Loading Next: Coda Popup Bubbles This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery alr
イメージを文章説明付でフェイドイン・アウト表示させるJSライブラリ s3Slider 2008年12月1日 イメージを文章説明付でフェイドイン・アウト表示させるJSライブラリであるs3Sliderが便利そうなのでご紹介しようと思います。 spanで記述した文章を上・下・左・右に配置することができるので、ページのメインイメージなどにFLASHののような動きのあるビジュアルイメージをHTMLコードだけで配置できます。また、s3SliderはjQueryのプラグインなのでjQueryを主に使用している方には便利だと思います。 コードは非常にシンプルで下記のような感じです。 header <script src="js/jquery.js" type="text/javascript"></script> <script src="js/s3Slider.js" type="text/javasc
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MopSlider オート・マニュアルに対応したコンテンツスライダー。 MopBox スライド機能付きの移動可能なボックスを表示。
twitter facebook hatena google pocket サイトでは表をテーブルで作成することが多いですが、縦横に項目が増えていくと、どこを示しているのか判別しづらくなります。 tableHover pluginを利用すると、マウスを載せた(またはクリックした)セルを着色することができ、読み取りやすい表を作成することができます。 sponsors 使用方法 tableHover pluginからjquery.tablehover.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.tableh
Important note: jQuery UI Tabs (Tabs 3) has been released. This version is no longer maintained. Read more about it. To enable history support for Tabs I use my History/Remote plugin. Download package Simple Tabs Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer a
jQuery Lightbox Plugin (balupton edition)は、アニメーションを使用して画像を拡大表示するjQueryで動作するLightbox風のスクリプトです。 jQuery Lightbox Plugin (balupton edition) デモページ 画像を拡大表示するには、スクリプトを外部ファイルとして指定し、下記のコードのようにrel属性に「lightbox」を記述します。 rel属性を変更することで表示方法を変更できます。 <textarea name="code" class="html" cols="60" rows="5"> <a rel="lightbox" href="sample-large.jpg"><img src="sample.jpg" /></a> </textarea>
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く