[Javascript] 25 jQuery Drop Down Menu Scripts – jQueryを使ったドロップダウンメニューまとめ
jQueryを使ったドロップダウンメニューのまとめ記事。オンマウスやオンクリックで伸張する基本的なものから、ドロップダウン内でカラム表示するもの、ドロップダウンをネストできるもの、アルファ表示に対応したものなど色々あります
Tag Archives: Javascript
[iPhone] mobile-bookmark-bubble – iPhoneユーザー向けのブックマークしてね！アラート
iPhoneユーザー向けにブックマークを促すアラート表示。これなかなかイイっすね。Webアプリを作った時などは、Safariにブックマークしてもらうよりもホーム画面にショートカットを置いてもらった方が、なんとなくソレっぽいですよね。HTML5とJSで作られてますが、どのみちiOS向けであれば問題ありません。そういや少し前までIE専用のブックマークボタンなんてものもありましたね。相互リンク歓迎！みたいな。ゲストブックはこちら！とか。なんか懐かしいですね。
[Javascript] 30 Awesome jQuery Slider and Gallery Plugins and Tutorials – スライドやスライドショーを表現するjQueryプラグイン
ボックス要素のスライドや、写真などのスライドショーを表現できるjQueryプラグイン。最近ではとってもメジャーな表現になってきましたが、細かいところを見るとプラグインごとに色々と違いがあります。トランジションや遷移、動きの滑らかさなど、目的に合ったものが見つかりそうです。スライド関係のjQueryに限定してあるのがナイス。
[Javascript] Fresh and Useful jQuery Plugins from 2010 – 使えるjQueryプラグイン
最新の使えるjQueryプラグインまとめ記事。特にカテゴリを絞らず、いろんなジャンルのJSが紹介されてます。中でもjQuery.popeye 2.0とかスゴくイイ。これLightbox代わりに使えるなぁ。Modal表示ではなくインラインのまま拡大できるのがナイス。JSを使った動きのある表現のネタ帳としてナイスな記事。
[Web Design] A Showcase of Single Page Websites – クールなシングルページサイト
1枚のページのみで構成されたウェブサイトの作例集。どのサイトもページそのものは1つしかないけど、その中で多くのコンテンツを見せる工夫がされています。JSで切り替えるもの、Y軸移動によって表情を変えて誌面的にレイアウトしたもの、JSを使ったスムーズなアンカー移動によってコンテンツ切替を行うものなど色々です。情報量が多いのになんでわざわざシングルページにするのか。それはかっこイイからでしょう。ウェブにおけるコンテンツの見せ方を模索した結果とも言えます。どのサイトも見せ方がクールなので、デザイン的にも技術的にも参考になります。
[Javascript] 30 Useful Jquery Plugins For Developer & Designer – デベロッパーとデザイナーのための使えるjQueryプラグイン
Webデベロッパーやデザイナーのための、使えるjQueryプラグインのまとめ記事。カテゴリを限定せず、様々な種類のプラグインが紹介されてます。スライドショー、Lightbox亜種、ポップアップ、ToolTip、スライダー、フォーム機能拡張、画像関連ツール、カラーピッカーなど色々あります。サイトの機能面の拡充に使えそうなまとめ記事。
[Javascript] 20+ Demos Showing Advanced jQuery Effects – jQueryを使ったエフェクト
jQueryを使って行う拡張エフェクト。ただのスライドとかタブ切り替えではなく、奥行きを持たせた3Dエフェクト、動きを使ったソート、拡大縮小するイメージ切り替え、サムネールのズーム表示、イメージ内キャプチャ、動くナビゲーション、凝ったトランジションのスライドショーなど、ちょっとつっこんだ表現のものが多く紹介されてます。とは言っても、それほど実装が大変ってわけでもなさそう。手の込んだ表現をしたい時に便利なネタ記事。
[Javascript] 50 Useful JavaScript and jQuery Techniques and Plugins –
使えるJavascriptや、jQueryのプラグインを集めた記事。数が多くカテゴリも限定されていないので、プラプラ見て「あ、これナイス」という流れになりそうな記事。ざっくりと「サイトに動きを持たせたい」、「機能的なJSを追加したい」という時にちょうどイイ内容です。