使うかどうかは微妙だけど一応メモ。jTPSはjQuery用のプラグインです。ちょっとしたコードを加えるだけでHTML中のテーブルに高度な機能をつけてくれます。 列タイトルによるソート機能、一度に表示できるデータ数の変更の他、次のページへ行くときにずずっとアニメーションしながらスクロールしてくれます。ちょっと新しい感覚ですね。 ↑ 次のページにいくときのアニメー...
『 アニメみたいな視差を表現する面白JavaScriptライブラリ「jParallax」 イメージ上でマウスを動かすと、近くの物ほど速く、遠くの物ほど遅く動作するような表現が可能。 』
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
jParallaxは、複数のパネルをパララックスで奥行きを表現し、マウスの動きに合わせてダイナミックにスクロールさせるスクリプトです。 jParallax 複数のイラストを重ねただけでも面白いですが、下記のデモのよう [...]
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキ...
Create A Tabbed Interface Using jQuery - NETTUTS超クールなタブインタフェ...
『 Ext.jsみたい。 』
『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
kriesi.atのエントリーから、Apple風にデザインされたアコーディオン型ナビゲーションの画像作成からスタイルシート・スクリプト実装までのチュートリアルを紹介します。 Create an apple style [...]
jQuery Hotkeys Pluginは、単独のキーからキーを組み合わせたものまで、キーボードのイベント取得ができるスクリプトです。 jQuery Hotkeys Plugin デモ ブラウザ上のキーバインドの設 [...]
NETTUTS - Creating a Dynamic Poll with jQuery and PHPjQueryと...
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カス...
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BDC DrillDown Menu, an iPod-style menu iPod風のドリルダウンのナビゲーション。 Column Naviga [...]
※ 画像は公式サイトデモより Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 右上に通知が出る 各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このよ...
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
『 ご参考にcodersliderで作成p://weblibrary.s224.xrea.com/sample/vimperator/ 』
『 http://coliss.com/articles/build-websites/operation/javascript/1278.html 』
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。 Unit PNG Fix 透過PNGの表示は普通の画像や背景画像に対応してお [...]
