‘webデザイン’ カテゴリー

51種類のjQueryのチュートリアル&サンプル

2008/4/24 Thursday 09:57

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

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

51+ Best of jQuery Tutorials and Examples



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

Popularity: 21%

この記事のタグ

CSSとGIFアニメーションだけで作れるプログレスバー

2008/3/31 Monday 08:20

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

Pure CSS Animated Progress Bar

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


Pure CSS Animated Progress Bar

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

1. 枠の画像

Pure CSS Animated Progress Bar

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

Pure CSS Animated Progress Bar

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

Pure CSS Animated Progress Bar

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

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

Popularity: 10%

この記事のタグ

ページの端がぺろっとめくれる効果が出せるWordpressプラグイン

2008/3/24 Monday 11:41

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

Create A Peel Away Effect On Website


Create A Peel Away Effect On Website

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

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

Popularity: 12%

この記事のタグ

画像のスクローラーが簡単に作れるオープンソースのJavaScriptツール『iCarousel』

2008/3/10 Monday 09:10

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

iCarousel

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


iCarousel - Horizontal images scroller

↓こんなやつとか


iCarousel - Horizontal images slider

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

iCarousel

Popularity: 11%

この記事のタグ

ダークで綺麗なウェブサイト25選

2008/2/25 Monday 10:44

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

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

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

1. Colour Managed Large Format Printing Service


Colour Managed Large Format Printing Service

2. Blog ~ Ten Thousand Things


Blog ~ Ten Thousand Things

3. smashLAB - Strategic interactive agency


smashLAB - Strategic interactive agency

4. mojave (vancouver band) acoustic rock


mojave (vancouver band) acoustic rock

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

Popularity: 15%

この記事のタグ