ウホ！ これかっこいい！ jQueryを使ったホバーエフェクトが紹介されてます。オンマウスする事でボタンがちょっと浮き上がり、反射やドロップシャドウのエフェクトも同時に動くという、なんだかちょっと洗練された感じのエフェクトです。FlashではなくJSで再現されてる点がナイス。これボタンの画像さえ変えれば何にでも応用が利きますね。よーしDLしとこ。
jQueryを使ったフォトスライドショーが15例紹介されています。以前はWebで表現するスライドショーと言えばFlashを使ったものが主流でしたが、最近じゃJavascriptを使った表現をよく見るようになりました。サイト内にフォトギャラリーを置いたり、製品写真を1ページ内で見せたい場合などにいいですね。
jQueryを使ったナイスなJSやそのチュートリアルが55個まとめられています。よく見かけるスライドやフェード系の動きのあるJSや、スタイルスイッチャー、タブ表現、グラフ化など色々まとめられてます。見てるだけでも「へーこんなことできるんだ」的な発見があるかもしれません。
55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection >>
興味深いjQueryプラグイン10種。フォームの自動ハイライト、DIVスライダー、フォトスライドショー、リンクの自動Favicon表示、パンくずリスト生成、ページの端がめくれた表現などが紹介されています。以前は画像が担当してたような事を、最近じゃJSサイドで行う事が増えたなーという印象。生産性とか汎用性の観点から見れば好ましい変化ですよね。まぁデザイナーからコーダーに仕事が移ったというか。
jQueryを使った画像スライドショーのプラグインまとめ記事。JSライブラリとしてjQueryに限定しているのに、15個も紹介されてます。mBlogでは使ってませんが、仕事JSライブラリを導入する時は最近じゃだいたいjQueryをチョイスしてます。プラグインが豊富にあるので、実際のトコJSがまるで読めない自分みたいな制作者でも、それなりになんとかなったりします。1ページ内で写真をまとめて掲載したい時なんかにイイっすね。
15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials >>
jQueryを使った、セクシーなドロップダウンメニュー。セクシーかどうかは別として、これわりとイイ感じ。メインメニューとサブメニューが混在するサイト構成で、サブメニューをまとめるページが存在する場合に使いやすいっすね。親メニューに行くボタンと、子メニューに直接行くためのドロップダウンを分かりやすく混在させる事ができます。動作デモページはこちらから見る事ができます。
jQueryを使った、デザインを拡張するJavascriptまとめ。スライドショーやLightbox亜種系が多いっすね。Spacegalleryっての、マックのTime Machineみたいでなんだかスゴい。デザイン主体ではなく、技術主体で作られるデザインってのも、なんだかウェブ的でイイなぁと思うのであります。
jQueryを使った、フェード効果のあるスライドショー用Javascript。左にあるサムネールをクリックすると、右側に大きく表示されます。動きが滑らかで、写真の縦横比に応じてキャプション部分がちゃんと動いてくれるのがナイス。動きも軽いので、SEOの事も考えてFlashでなくJSでスライドショーを作りたい場合にイイ感じ。写真が増えてくると、サムネール部にページ送りボタンが出る点も気が利いてます。
