DesignWalkerのタネ

先日、デザインウォーカーでご紹介した『jQueryサンプル集』

Noupeさんで、またまた、かなりたくさんのjQueryのチュートリアルをまとめられておりました。

51+ Best of jQuery Tutorials and Examples

詳細はこちらからどうぞ〜。
『51+ Best of jQuery Tutorials and Examples』

Popularity: 39% [?]

以前、デザインウォーカーでご紹介した『Lightboxスクリプトいろいろ』

Shadowbox.jsもなかなかいい感じです。

Shadowbox.js

画像はもちろん、SWFやムービーファイル、などもポップアップさせることができます。

また、大きな画像をポップアップさせて、Lightbox上でドラッグさせることができたり、イメージマップ機能を使えば、画像の一部をポップアップさせて見せることもできます。

詳細はこちらからどうぞ～。
『Shadowbox.js』

Popularity: 13% [?]

ホットな女性有名人を集めたWikipediaみたいなサイト『Chickipedia – The Wiki of Hot Women』

このサイトの検索サジェストがちょっといい感じです。

Chickipedia – The Wiki of Hot Women

試しに『a』とタイプしてみると・・・

『A』から始まる女性有名人が画像付でサジェストされます。

ちょっとした違いですが、画像があるとわかりやすくていいですよね。

『Chickipedia – The Wiki of Hot Women』

Popularity: 9% [?]

個人的に、毎回楽しみにしているTUTORIAL BLOGさんの記事。

今回は、『25 Code Snippets for Web Designers (Part8)』

という人気のシリーズが公開されておりました。

っというわけで、ご紹介されていたものの中から、特に気になったものをピックアップしてご紹介。

1. swfIR

このコードを使えば、イメージに影を付けたり、角を丸くしたり、角度をつけたり、ボーダーを付けたりして、ファイルをswfに変換して、きれいに表示してくれます。

2. XML/SWF Charts

XMLのデータから、とってもきれいなグラフを作ってくれます。

3. Moo Flow

アップルのiTunesみたいな、エフェクトが簡単に作れます。

4. jquery Hover Sub Tag Cloud

jqueryを使って、サブのタグクラウドをマウスオーバーで表示できます。

他にもまだまだ、たくさんあります。続きはこちらからどうぞ～。
『25 Code Snippets for Web Designers (Part8)』

Popularity: 5% [?]

CSSを使って、角を丸くしたり。

CSSを使って、ドロップシャドウをつけたり。

CSSを使って、グラデーションつけたり。

CSSを使って、マウスオーバーメニューつくったり。

CSSを使って、引用部分のデザインしたり。

CSSを使って、グラフを描いたり。

いろいろあります。

詳細はこちらからどうぞ～
『Lose the Images: How to Get Rounded Corners, Gradients, Drop Shadows and More Using CSS』

Popularity: 2% [?]

Prototype JavaScript Frameworkとscript.aculo.usをベースにしたAjaxポップアップ。

“Start demo”ボタンをクリックすると画面が暗くなり上部からウィンドウが出てきます。

“Continue…”ボタンをクリックすると、ウィンドウの大きさが変わりながらページが切り替わります。

動きもスムーズでなかなかいい感じですね。

詳細はこちら
『ModalBox』

Popularity: 2% [?]