紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Ajaxify さまざまなAJAXコンテンツを実装。 Agile Carousel パネルをダイナミックにスライド。 Start/S
[JS]jQueryのプラグイン33+1選 -2009年1月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Ajaxify さまざまなAJAXコンテンツを実装。 Agile Carousel パネルをダイナミックにスライド。 Start/S
リンクを自動で超分かりやすく修飾してくれるJSライブラリ「DLINK」:phpspot開発日誌
-DLINK- automatic link improver - OOPStudios.com リンクを自動で超分かりやすく修飾してくれるJSライブラリ「DLINK」。 次のように、リンクをJavaScriptで自動で色分け&アイコン付与してくれます。<a>タグにclassを指定する必要もありません。 PDF、Flash、SWFなど、各種フォーマットも自動付与。 設置方法は簡単で、以下の３ステップ。 1. まずスクリプトを読み込む <script type="text/javascript" src="http://oopstudios.com/dlink/dlink.js"></script> 2. 色分けしたい部分をdiv.dlinkで囲う 中身に普通にHTML記述 <div class="dlink"> your <a href="#">link filled</a> conten
[JS]高機能なインターフェイスを実装できるスクリプト -UI.Layout
UI.Layoutは、可変タイプのパネルをベースとした自由なインターフェイスを実装できるスクリプトです。 UI.Layout – The Ultimate Page Layout Manager demo(UI Accordion) 上記のデモでは、アコーディオン型のパネルをはじめ、サイズ変更や開閉できるパネルが実装されています。 デモは他にも多数あります。 デモ：ミニマム デモ：シンプル デモ：ネスト デモ：複雑なネスト デモ：アコーディオン デモ：ドロップパネル デモ：フレーム UI.LayoutはjQueryのプラグインのため、実装にはjquery.js、アコーディオンなどのエフェクトにはjQuery UIが必要です。 下記のページから全てのファイルがダウンロードできます。 UI.Layout Plug-in & Related Downloads
jQueryよりも便利？mooToolsの便利プラグイン集:phpspot開発日誌
Best Ever 65 mooTools Plugins and Demos, is it Better than jQuery? : Speckyboy - Web Design, Web Development and Graphic Design Resources jQueryよりも便利？mooToolsの便利プラグイン集。 mooToolsにも多数の便利プラグインが存在しますね。 SmoothScroll スクロールをスムーズにする MultipleSelect 複数選択ウィジェット Typewriter Effect タイプライタ風のエフェクトがつけられる MooColumns レイアウト用ライブラリ News ticker with horizontal scrolling 水平ティッカー MooScroll 独自スクロールバー Show/hide a nice Login
便利なjQueryプラグインいろいろ:phpspot開発日誌
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で雑誌のような美しい段組みレ
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
jQuery、CSSなどなどWEB開発に役立つチュートリアル集「30+ Eye-Opening Web Development Screencasts」
jQuery、CSSなどなどWEB開発に役立つチュートリアル集「30+ Eye-Opening Web Development Screencasts」 WEBの技術は日々進歩していて、様々な技術、技法が世の中には溢れていますが、今回紹介するのはjQueryやCSS、PHP、ASP、Ruby on Railsなどなど項目毎に、WEB開発に役に立つチュートリアルを30以上まとめたエントリー「30+ Eye-Opening Web Development Screencasts」です。 どれも実用的で、役に立ちそうなものが多いのですが、今回は紹介されている中から特に気になったチュートリアルをピックアップして紹介したいと思います。 詳しくは以下 ■Coda Slider Effect jQueryを使ったスライダーです。カーソルです、メニューからでもカーソルでも自由に動かせます。 ■ Desig
jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」:phpspot開発日誌
Selectors jQueryのセレクタ関数を速攻マスターしたい方におすすめの「jQuery Selectors」。 jQueryでの$('code') とかって、最初は何を意味するか分かりませんね。 jQuery selectorsを使えば、ボタンを押すことで、指定したエレメントがハイライト＆アニメーション表示されます。 要素がハイライト。 これは便利です。 関連エントリ jQuery 関連記事まとめ jQueryでリッチなグリッドを実装「jqGrid」 ファイルツリー構造を表示するためのJS「jQuery File Tree」 jQueryを使ってパズルを作るjQueryプラグイン
クールにアニメーションする角丸LightBox「prettyPhoto」:phpspot開発日誌
jQuery lightbox clone - prettyPhoto - by Stephane Caron Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.クールにアニメーションする角丸LightBox「prettyPhoto」。 jQueryベースで軽量でクールに動作するLightboxの紹介。 次のようなクールな角丸型。 Lightbox同様、複数枚の画像をページ送りできるギャラリーにも出来ます。 関連エントリ 表示法が新しく
[JS]jQueryのプラグイン33+1選 -2008年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQu
jQueryだけで作る、サムネイル画像を魅力的に見せる方法 (1/5)
普段あまり目にしないようなインパクトのあるサイトを作りたい。そんなときにはいつも見ている日本国内のWebサイトだけでなく、海外サイトに目を向けてみるといいかもしれません。これまでにもこの連載ではいくつかの海外サイトを紹介してきましたが、今回見つけたのはアルゼンチンのWebサイトです。 「Sikker」という名前のサイトは、Webデザイナー・Nicolas Calabreseさんのポートフォリオサイト。1ページのみ、スクロール無しの“1枚絵”のようなごくごく小さなサイトですが、その分、CSSやJavaScriptの小技を効かせて、カッコよく楽しいサイトにデザインされています。今回は、このSikkerをお手本とさせてもらうことにします。 今回のお手本サイト：『Sikker』 アルゼンチンのWebデザイナー、Nicolas Calabreseさんのポートフォリオサイト。グローバルブランドのロゴが
[JS]シンプルなjQueryのプラグインが揃っている -Aquaron | コリス
Aquaronは、ナビゲーション、フロートしたエレメントの操作、クッキー・文字列の操作、エレメントの装飾などのシンプルなjQueryのプラグインを配布しているサイトです。
[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト | コリス
leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。 JavaScript Table Sorter demo 動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。 設置方法は簡単で、既存のものにも簡単に組み込めます。 「script.js」と「style.css」を外部ファイルとして記述します。 tableに「class="sortable" id="sorter"」を記述します。 テーブルの下に下記のスクリプトを記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript">
ナビゲーション実装に使える、Ajaxライブラリ/サンプル集:phpspot開発日誌
35 Easy to use Free Ajax/Javascript Navigation Solutions : Speckyboy - Web Design, Web Development and Graphic Design Resources 35 Easy to use Free Ajax/Javascript Navigation Solutions ナビゲーション実装に使える、Ajaxライブラリ/サンプル集。 便利そうなナビゲーションパーツが多数紹介されていて参考になります。 Outlook Navigation Bar jQuery suckerFish Tree with Checkbox Nodes Tabbed Search Bar Sliding Tabs Floating window with tabs 続きを見る クールで分かりやすいサイト作りに役立てまし
アニメーションするクールなアコーディオンUI実装用JSライブラリ:phpspot開発日誌
Animated JavaScript Accordion V2 - Web Development Blog This lightweight (1.3 KB) animated JavaScript accordion is an update to the original accordion script posted on April 18th.アニメーションするクールなアコーディオン実装用JSライブラリ。 次のようなアコーディオンUIを実装できます。 デモはこちら アニメーションがなめらかでカッコいいです。 関連エントリ Prototype.jsとScript.aculo.usで作るクールなアコーディオンＵＩ JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
コンテンツのスクロールをクールに行える「jquery.scrollable.js」:phpspot開発日誌
Scroll your HTML with jquery.scrollable.js via マウスホイールにも対応した、コンテンツをスクロールさせるためのJavaScriptライブラリ『jquery.scrollable.js』 コンテンツのスクロールをクールに行える「jquery.scrollable.js」。 次のように、水平方向に画面スクロールが可能なウィジェットを簡単に設置できます。 スクロールはマウスホイールにも対応していて、滑らかにスクロール可能。 マークアップは次のようにシンプルで実装も簡単ですね。 <div id="scrollable"> <div class="navi"></div> <a class="prev"></a> <div class="items"> <a>1</a> <a>2</a> <a>3</a> <a>4</a> <a>5</a> <a>6</
アニメーションするタブ&アコーディオンメニュー集 – creamu
Javascriptでアニメーションして遷移するメニューが作りたい。 そんなときにおすすめなのが、『30+ Animated Tab-Based Interface and Accordion Scripts』。アニメーションするタブ&アコーディオンメニュー集だ。 以下にいくつかご紹介。 » Ajax Drop down Tab Menu… scriptaculousのプラグインであるe24TabMenu » JQuery Tab Skin フェードイン&アウトするjQueryタブメニュー » Sliding Tabs PanicのCodaのサイトに見られるmootoolsを使ったスライドするタブ » Coda Slider 上記と同様、Codaのサイトにインスパイアされたスライドタブ » Tab Accordian タブの中でアコーディオン風にコンテンツが切り替わるスクリプト その他のリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]省スペースにフェードと自動スクロールで表示するスクリプト -Simple Spy
[JS]スムーズにスライドして表示するログインボックス -Sexy LoginBox | コリス
時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」:phpspot開発日誌