[JS]デザイナーのためのjQueryのチュートリアル
Post on:2008年3月1日
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。

jQuery Tutorials for Designers

Simple slide panel
シンプルなスライドするパネル

Simple disappearing effect
シンプルなクローズボタンがあるパネル

Chain-able transition effects
変化するエフェクトをもつボックス

Accordion #1
Accordion #2
アコーディオン

Animated hover effect #1
Animated hover effect #2
ホバー時のアニメーションエフェクト

Entire block clickable
ブロックエリアのクリッカブル

Collapsible panels
リストで作成されたパネル

Imitating the WordPress Comment Backend
アニメーションする背景

Image replacement gallery
イメージギャラリー

Styling different link types
拡張子でアイコンを変更
sponsors