[PHOTO TOOL] 50 Excellent Image Galleries You Can Use Today – 今日から使えるスライドショー

JavascriptやFlashを使った、画像スライドショーを集めた記事。過去に紹介したものもいくつか含まれますが、すごいのはその数。50個ものフォトギャラリーが紹介されてます。っていうかこんなにあるんスね。フォトギャラリーって、扱う写真によって見せ方や操作法に向き不向きがあるから、適材適所に使えるとイイ感じですね。

JavascriptやFlashを使った、画像スライドショーを集めた記事。過去に紹介したものもいくつか含まれますが、すごいのはその数。50個ものフォトギャラリーが紹介されてます。っていうかこんなにあるんスね。フォトギャラリーって、扱う写真によって見せ方や操作法に向き不向きがあるから、適材適所に使えるとイイ感じですね。

jQueryを使った各種プラグインが紹介されてます。アニメーション、Lightbox、イメージに対するエフェクト、スライダーとトランジション、フォーム拡張(装飾など)、タブやドロップダウン表現、テーブルとデータの扱いなど、カテゴリごとに分けて紹介されてます。60個という数もなかなかのもんです。jQueryってサードパーティーのプラグインが豊富にあるのが魅力ですよね。またページ上部ではチートシートも紹介されてます。

「解き放つ」だなんて書いちゃいましたが、けどホントにそう書いてあるんですものw 紹介されてるTipsの内容は、記事のレーティング、jQueryを使ったLightbox、jQueryを使ったコメントプレビュー、アーカイブメニューのスライド表現、コメント入力補助、IE6アラート、jQueryを使ったログインパネルなど。jQueryガラみが多いですね。リッチなブログインターフェースを目指すのであれば、結構参考になる記事ですね。
15+ Plugins to Unleash the Invincible Power of jQuery and WordPress

クールなjQueryプラグインが20個まとめられてます。アニメーション関係、タブ表現、ドロップダウンメニュー、スライディングイメージ、フェーダー、スライドメニュー、MacOS X風のDock表現、フォームカスタマイズ、引き出し式のログインパネルやサーチメニュー(これナイス)、アコーディオン、ポラロイド風のフォトビューアーなどなど。サイト内で動きのある表現や、ちょっと変わったUIを使いたい場合にナイスな記事。

Twitterのメイン画面下の方にある、「もっと読む」のボタンって使いやすいっすよね。画面遷移なしでエントリーが読み込まれて、どんどん追記されるという仕組み。あれのチュートリアルとデモが紹介されてます。なんかこう、CGM系のサイトとか作る際にイイっすねこの仕組み。

クールなjQuery用プラグインが10個紹介されてます。Rareというだけあって、今まで知らなかったものが多いです。iPhoneのスライドインターフェースを模したもの、Lightbox亜種、テキストエフェクト、MacやWindowsのOS UIを模したスクロールバー、ToolTip、プルダウン、スライダーなどが紹介されてます。スクロールバーリプレイスとか地味に使う機会ありますよね。紹介されてるプラグインの数こそ少ないものの、実用的なものばかりの良記事。

動きのあるウェブサイトを制作する上での、7つのユニークでクリエイティブな例を紹介した記事。7つの例それぞれに複数のサイトが挙げられてます。動きで見せる表現というと最近ではJavascriptを使う場合が多く、どのサイトもJSを使ったスライドやフェード効果によって演出されてます。動くメニュー、スクロールするコンテンツ、フォーム補助、タブ表現、ユニークなホバーエフェクト、スライドショー、トグルによる変化などがその例。リッチなコンテンツ表現をしたい場合に参考になります。

サムネがほぼ真っ白ですな・・・w CSSとjQueryを使って作るソフトウェアキーボード。これってどういった場合に使うんだろう、と一瞬思いましたが、ソフトウェアキーボードってオンラインバンキングなどでよく見ますよね。キーロガー防止というか、そっち系の用途に使えそうです。限定的ですが、見た目にも機能的にもナイスだなと。