サイト内にフォトギャラリーを設置する際に役立つJavascriptまとめ。使用するフレームワークは限定せず、MootoolsやjQuery、Prototype、そしてそれ以外という感じに分けて紹介されています。また記事下部ではチュートリアルへのリンクもあります。スライドやフェードなどのトランジションを使った表現を導入したい時の参考になりそうな記事。
30 Javascript Image and Photo Galleries – Mootool, Prototype, jQuery and Tutorials
地味だけど便利なjQuery用プラグインが9個紹介された記事。カレンダーによる日付ピッカー、ホットキー、ページナビゲーション、パスワードの安全性チェッカー、ページ内サーチなどがその内容。スゴく地味ですが、サイト制作においてユーザーの利便性向上の助けになるものが多いですね。懐かしのマーキーをJSで表現するためのプラグインもあります。
ページ横にあるタブをクリックすると、スライドして出てくるサイトインフォパネル。jQueryを使って制作されているようです。DIVボックスが拡大しながら出てくるので、なんだかあまり見ない動きで気持ちイイっすねこれ。全部で3パターンのデモがあるんですが、ページ下部に全部まとまってます。3つめのタブ固定バージョンがナイス。ソースコードも同様にページ下部からDLできます。その内使ってみたいなこれ。
jQueryを使って、入力フォームを拡張するTipsが紹介されてます。一部を抜粋すると、初期入力値のフェード表現、入力内容についてのToolTip、チェックボックス置換、入力内容のプレビュー、フォーカス欄のハイライト、パスワードの安全性評価などがあります。入力フォームでちょっと気の利いた便利さを用意したい場合にイイですね。
ボックス要素をスライドさせる表現に関する、jQueryの使えるプラグインをまとめた記事。スライド表現って最近よく使われますよね。スライドするキャプション、スライドショー、スクローラー、イメージスイッチなどがまとめられています。スライド表現と一言で言っても、実際には用途によって欲しいスクリプトは変わってきます。ここで一通りまとまってるようなので、スライドプラグインを探す時の基点になりそうな良記事。
jQueryを使った新しいテクニックと、そのチュートリアルをまとめた記事。ボックス要素のスライド表現、グラフ化、ドロップダウンメニュー、検索予測、アコーディオン、ウェブサービス投稿ボタン、Retweetボタン、ミュージックプレイヤー設置、ドロップダウンするフィードメニュー、イメージリサイザー、チェックボックスなどのフォームパーツ置換、ToolTipなどが紹介されてます。数が多いのでこれで全部ではありませんが、実際のトコ全てが「新しい！」というわけではありません。サイト内でちょっと手の込んだ表現をしようと思った時にナイスな記事。
jQueryをウマく使って制作されたポートフォリオサイト25選。この記事なかなかナイス。紹介されているどのサイトもクールなデザインな上に、jQueryの使い方の勉強になります。スライド表現をさりげなく使ったり、タブ切り替えによるページ遷移なしでコンテンツを見せたり、中には背景画像ごとスライドさせてるサイトもあります。こういう動きのある表現って、これみよがしに使うと逆にかっこヨくなかったりするので、見せ方の参考としてイイっすね。
CSSとJavascriptを使って作るドロップダウンメニュー。14種類が紹介されてて、どれもサクっと導入できるタイプのものだそうです。デザイン的には特にこれといってスゴいものはありませんが、ソースだけ使わせてもらってデザインはこちらで手直しさえすればいいので、素材としてはまぁ悪くないんじゃないかと。ドロップダウンメニューって動きやサブメニューの出方に結構差があるんですよね。14種類あれば目的に合ったものが見つかるかもしれません。
