DesignWalkerのタネ

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

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

51+ Best of jQuery Tutorials and Examples

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

Popularity: 21%

プログレスバーは、タスクの進行状況がわかって、とっても便利ですよね。

Pure CSS Animated Progress Bar

この、プログレスバーは、CSSとGIFアニメーションだけでとっても簡単に作れてしまいます。

用意する画像は、以下の３種類です。

1. 枠の画像

2. バーのGIFアニメーション

3. バーを隠す画像（分かりやすくするために、横幅を広げて表示してます。）

3のバーを隠す画像をCSSで調節すると、簡単なプログレスバーの出来上がりです〜。

詳細はこちらからどうぞ。htmlファイルもダウンロードできるので、是非お試しください。
『Pure CSS Animated Progress Bar』

Popularity: 10%

こちらのサイトで、↓以下のように、ページの右隅がぺろっとめくれたような効果が出せるスクリプトを公開されていました。

『Create A Peel Away Effect On Website』

右端に、小さくめくれている部分が表示され、マウスがオーバーすると、ぺろっとめくれた感じをが出せます。

Wordpressをお使いの方は、『Pageear - free peel away ad』、こちらのプラグインを入れると、簡単にめくれた感じが出せるようですよ。

Popularity: 12%

オープンソースのJavaScriptツール『iCarousel』を使うと、簡単に、画像のスクローラーなどが作れます。

iCarousel

例えば、↓こんなやつとか、

↓こんなやつとか

ぜひお試しください。
詳細はこちらからどうぞ〜。

『iCarousel』

Popularity: 11%

Vandelay Website Designさんのエントリで『25 Beautifully Dark Website Designs』がアップされておりました。

ダークで綺麗なウェブサイトが25サイトご紹介されております。

その中から、いくつかピックアップしてご紹介。

1. Colour Managed Large Format Printing Service

2. Blog ~ Ten Thousand Things

3. smashLAB - Strategic interactive agency

4. mojave (vancouver band) acoustic rock

まだまだ、たくさんございます。続きはこちらからどうぞ～。
『25 Beautifully Dark Website Designs』

Popularity: 15%