今日試すべき、ってあたりがなんかアレではありますが、まぁ海外のブログってだいたいこういうノリですよね。というわけでjQueryプラグインが60個紹介されてます。ジャンルは絞られてません。定番のスライドショーや画像スライダーはもちろん、テキスト関連ツールやグラフ描画、ToolTip、動きのあるナビゲーション、フォーム関連ツール、カレンダー描画など色々あります。目的を持ってプラグインを探すには適してませんが、ダラダラと読むにはイイ感じの記事。サイト内でちょっと変わった事したい時なんかにひとつ。
jQueryを使った多機能なページスクローラー。プラグインの機能については、サイト内上部にあるオン・オフボタンをいじくるとだいたい分かりますが、主な機能はページ上部の固定ナビゲーション、ページ左右（から選べる）固定ナビゲーション、アンカー飛ばしのための順送りボタンの3つです。固定ナビゲーションは、マニュアルスクロールの場合にも現在の位置を追従してハイライトしてくれるの点がナイス。長いページのコンテンツや、シングルHTMLサイトなどでイイっすねこれ。
CSS3やjQueryを利用したローディングアニメーションのまとめ。ソース一式を配布しているサイトもあれば、ジェネレーター形式のものもあります。プログレスバー形式のものではなく、クルクル回って「ちょっと待っててね」的なアイテムばかりなので、サイト内でローディングが必要な箇所にポイっと突っ込んでおくとイイかもしれません。
コーディングに役立つ各種ツールを一覧にしたサイト。トップページでは全部が一覧になってますが、カテゴリを選択する事で絞り込む事もできます。CSSジェネレーター、JS、グリッドレイアウト、カラーツール、フォントツール、イメージやアイコンなど、コーダーだけでなくデザイナーやディレクターの人が見ても役立ちそうな内容。カテゴリ抽出もページ遷移なしで見れたり、このサイト自体がモダンな作りでとってもイイ感じです。
2011年アツかったデベロッパー向けWeb関連リソースがまとめられた記事。まとめ方が広いんですが、名卿はCSSやHTMLフレームワーク、CSSやテクスチャのジェネレーター、Javascript関連リソースやフレームワーク、その他ツール類などが含まれる内容。主にフレームワーク類が多いんだけど、こういうの見てるとWebって複合的な技術やリソースの産物なんだなぁとか、今さらながらに思いました。リソースの把握とチョイスも実際大事ですしね。
Our 50 Favorite Web Developers Resources and Tools from 2011
CSS3とjQueryを使ったWebタイポグラフィーのチュートリアル。デモページはこちら。作例は全部で7つあって、デモページ内から他のデモに遷移できます。どれもなかなか気合いが入ってて美しく、マウスオーバーで形が変わったりします。各デモページを見てて思うんだけど、欧文圏ではすっかりWebフォントが定着してんだなーという印象。こういう作例も経験しておかなきゃなーとしみじみ思いました。
CSS3やjQueryを使ったUIデザインについての考察と、そのチュートリアル。なかなか珍しい組み合わせですね。普通ならCSS3 & HTML5と来る事が多いけど。まぁそれはいいとして、CSS3とJSによってWebでの表現は色々とアレだしナニな感じになってるので、新しいUIというかユーザーへの見せ方についての試みというか、そんなアレです。一昔前に比べるとWebサイトって賑やかになりましたね。「あー久しぶりにテーブルレイアウトしてぇ」とか思いますよね。思いませんかそうですか。
立体的なトランジションのスライドショー。デモページはこちらです。CSS3の3D transformを使っているらしく、モダンブラウザ上ではグリグリ動きます。この動きの軽さはイイですねぇ。スライスのされ方や動きはいくつかのパターンがあり、自動再生の機能もあり、個別の画像のキャプション表示機能もあります。ちなみに使っているJSライブラリはjQueryのようです。トップページでのスライドJSって最近じゃよく見る手法ですが、このグリグリ感はなかなかアツいです。
