ボックス要素をスライドさせる表現に関する、jQueryの使えるプラグインをまとめた記事。スライド表現って最近よく使われますよね。スライドするキャプション、スライドショー、スクローラー、イメージスイッチなどがまとめられています。スライド表現と一言で言っても、実際には用途によって欲しいスクリプトは変わってきます。ここで一通りまとまってるようなので、スライドプラグインを探す時の基点になりそうな良記事。
jQueryを使った新しいテクニックと、そのチュートリアルをまとめた記事。ボックス要素のスライド表現、グラフ化、ドロップダウンメニュー、検索予測、アコーディオン、ウェブサービス投稿ボタン、Retweetボタン、ミュージックプレイヤー設置、ドロップダウンするフィードメニュー、イメージリサイザー、チェックボックスなどのフォームパーツ置換、ToolTipなどが紹介されてます。数が多いのでこれで全部ではありませんが、実際のトコ全てが「新しい！」というわけではありません。サイト内でちょっと手の込んだ表現をしようと思った時にナイスな記事。
jQueryをウマく使って制作されたポートフォリオサイト25選。この記事なかなかナイス。紹介されているどのサイトもクールなデザインな上に、jQueryの使い方の勉強になります。スライド表現をさりげなく使ったり、タブ切り替えによるページ遷移なしでコンテンツを見せたり、中には背景画像ごとスライドさせてるサイトもあります。こういう動きのある表現って、これみよがしに使うと逆にかっこヨくなかったりするので、見せ方の参考としてイイっすね。
美しい表現のjQuery用プラグインが22例まとめられた記事。美しいって点がポイントのようです。画像やHTMLをページ内オーバーレイ表示するLightbox亜種、ボックススライド、mp3プレイヤー（Flashじゃない！）、フォーム装飾や補助、アコーディオン、CSSスイッチ、タブを使った無遷移表現、メニュー装飾、カラーピッカー、レーティング、MacOSのDock風の表現、イメージ編集ツールなどが紹介されています。JSを使って凝った表現をしたい場合に参考になりそうな記事。
jQueryを使った、ボックス要素をスライドさせるJavascript。これ系のjQueryプラグインは色々ありますが、動きが滑らか、ページの順送りと指定送りが同時にできる、画像だけでなくHTMLを内包したボックスをスライドできるという点でなかなかナイス。ダウンロードして自由に使う事ができるようです。サイト内に動きを持たせたい時にイイですね。
フォームに関するjQueryプラグイン。Javascriptを使った様々なフォーム表現や、機能拡張について書かれた記事。その一部を紹介すると、ページ遷移なしの投稿完了ページの表示、ユーザーの入力補助、フィールドハイライト、ToolTip表示、Ajaxを使ったオートコンプリート、スライドを使ったかっちょいいログインパネル、ワードプレスでプラグインを使わないコンタクトフォームなどがあります。フォームに関するものだけあって、見た目よりも実用性が重視されてます。ユーザーに便利だと思ってもらえる気配りって大事ですな。
iPhone純正のインターフェースであるトグルスイッチを、通常のウェブ上でjQueryを使って再現したもの。iPhoneと同様に指でスライドさせても、またクリックするだけでもトグルが左右に切り替わります。ソースコードのダウンロードはページ下部より行えます。ソースを見ると、どうもフォームのチェックボックスタグをJSを使って上書きしているみたい。ウェブ上でiPhoneを模したインターフェースを作りたい時にイイですね。
Javascriptを使って表現する、アニメーションするタブやアコーディオンインターフェースをまとめた記事。アニメーションするというだけあって、その多くはjQueryやmootoolsなどのJSライブラリを使用しています。この記事自体はちょっと古いんだけど、紹介されている内容がアツかったので紹介。タブとアコーディオンインターフェースはそれぞれ分けて紹介されてます。CSS 3になると:targetを使う事で、こうした表現もラクチンになりますな。
