jQueryを使ってデザインされた、チェックボックスやラジオボタンなどのフォームパーツ。わりとブラウザデフォルトのまま配置しちゃうこれらのパーツをガッツリデザインしてます。iOSのUIを模したものもあります。リンク先ではチュートリアルやソースコードが配布されてます。こうした細かいパーツまでデザインされてると、いい仕事してんなぁとか思いますね。
jQueryを使ったコンテンツスライダーのまとめ記事。こうしたまとめ記事はよく見かけるけど、紹介されている数がなかなかスゴいです。コンテンツ選択の手法や、トランジションなど、それぞれに個性があるので、スライダーを探したい時に見るとイイと思います。最近じゃこうした手法は、サイトのトップページやブログのトピックなんかですっかりおなじみになりましたね。
Cool and Useful jQuery Image and Content Sliders and Slideshows
Media Queriesを使ったサイトの実装例が紹介された記事。Media Queriesというのは、見る側のブラウザウィンドウやデバイスのサイズといった条件によって、読み込むCSSを変更するというCSS3からの機能。これによりスマートフォン対応などをCSSレベルで行う事ができます。この機能を実装して、デバイスごとに表示するCSSを切り替えたサイトの作例が20紹介されていて、記事内のサムネールでは大きいウィンドウサイズと小さいウィンドウサイズ、それぞれの見え方がまとめて紹介されてます。CSS3ベースという前提なら、ひとつのHTMLでスマートフォン対応を行う際にはこうした手法が一般的になるんでしょうね。
20 Amazing Examples of Using Media Queries for Responsive Web Design
ユーザーのサイト閲覧環境に合わせて、テキストのサイズをちょうどイイ感じにしてくれるjQueryプラグイン。PC環境で見る時はブラウザのウィンドウサイズに、iPhoneなどで見る時はディスプレイの横幅に合わせてくれます。言葉で説明するの難しいんですが、リンク先サイトを開いた状態で、ブラウザウィンドウを広げたり小さくしたりするとどういうものか分かります。1つのサイトでPCにもスマートフォンにもウマい事対応したいという場合にイイっスねこれ。
jQueryを使ったスライドショープラグインのまとめ記事。スライドショーものばかり30も集められてるってのがなかなかスゴい。現時点でのjQuery系スライドショープラグインはだいたい揃ってる、とか思ってしまいそう。サイト内における効率的な画像の見せ方を模索する際に使えそう。
Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins
使えるJavascriptや、jQueryプラグインをまとめた記事。特定のジャンルに限定せず、多くのJSが紹介されてます。JSライブラリ、JS Tools、jQueryプラグインの各カテゴリに分けて紹介されていて、全部読むとなかなかの量になります。特に使用目的はハッキリしないけど、サイト内で何かオモろい事したい時なんかにイイかもしれません。けどただ単にjQueryプラグインを探すだけ、という用途には向かないかも。ちょっと敷居高めの記事内容という印象でした。
jQueryを使って表現する、動くナビゲーションをまとめた記事。動きに重点を置いているため、どちらかというと機能性よりは装飾面にフォーカスされた内容です。マウスオーバーの際の画像スワップをフェードさせるだけでも、ちょっと凝った感じになりますな。動きだけであれば導入も簡単そうです。
Superb Collection of jQuery CSS Animated Navigation Tutorials
コンテンツスライダーに関するjQueryプラグインばかりを集めた記事。最近じゃサイトトップで使われる機会の多いスライダーですが、その表現の仕方には様々な手法があります。この記事ではソレ系のプラグインがまとめられてるので、求める表現に合ったプラグインが見つかるかもしれません。初めて見るものもチラホラあります。
