紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider

jParallaxは、複数のパネルをパララックスで奥行きを表現し、マウスの動きに合わせてダイナミックにスクロールさせるスクリプトです。 jParallax 複数のイラストを重ねただけでも面白いですが、下記のデモのように写真画像を使用したものや、単に大きい画像のビューアーとしても面白いものとなっています。

<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid

Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ

SexyLightBox - www.coders.me 表示法が新しくセクシーなLightBox、その名も「SexyLightBox」。 次のような、角丸で、表示時にアニメーションするLightboxが公開されました。 実装法もLightbox風に、アンカータグに属性をつけるだけでOKみたい。 関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャラリー「qGallery」 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々 LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」 YUIを使ってLightBoxを実現するサンプル 自動で画像のスライドショーが可能なLightBox風ライブラリ

概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア（フリーソフトウェア）です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3（参考邦訳）のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体（圧縮版） mjl.js

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQu

Setting Equal Heights with jQuery デモ 使用方法は、スクリプトを外部スクリプトとして指定し、高さを揃えたいカラムすべてを内包するdivを記述します。 そのdivのidをスクリプトに記述します。デモでは「id="equalize"」を指定しています。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#equalize').equalHeights(); }); </textarea>

16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D

デザイナ向け「初めてのjQuery」

s3Sliderは、打ち出し画像をフラッシュのようにダイナミックに切り替え、レイヤーをスムーズにスライド表示するスクリプトです。 s3Slider demo スライドするレイヤーは、左右・上下から表示することができ、四方向を一緒にすることもできます。 オプションで表示のタイミングを変更することができます。 <textarea name="code" class="html" cols="60" rows="5"> $(document).ready(function(){ $('#s3slider').s3Slider({ timeOut: 4000 }); }); </textarea>

david walsh blogのエントリーから、マウスオーバーに合わせてグラデーションのように背景色が変化するナビゲーションを実装するスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul> <li><a href="#" class="nav">Nav Item 1</a></li> <li><a href="#" class="nav">Nav Item 2</a></li> <li><a href="#" class="nav">Nav Item 3</a></li> <li><a href="#" class="nav">Nav Item 4</a></li> <li><a href="#" class="nav">Nav Item 5</a></li> </ul> </textarea>

簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design

10 Useful jQuery Plugins | AjaxLine 便利なjQueryプラグインが色々とあるみたいですね。 最近では、jQueryの人気が非常に高いように感じます。prototype.jsとかのシェアの状況は今はどうなってるんでしょうね。 Virtual jQuery Keyboar jQuery 3 State Switch Plugin jQuery Quick Search Date Range Picker Tooltips based on jQuery FaceBox ColorPicker 全部見る これだけjQueryプラグインがあるということは、JSフレームワークのシェアはここ数年でちょっと変わってきてるんでしょうね。 関連エントリ jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」 HTMLで雑誌のような美しい段組みレ