サイト構築 -JavaScript

[JS]クルマのメーターのようなアニメーションが気持ちいい、ゲージが変化するスクリプト -Gauge.js

Post on:2012年8月1日

使うシーンは限られると思いますが、アニメーションが気持ちよかったのでご紹介。 ゲージと数字が連動して、クルマのメーターのようなアニメーションです。 Gauge.js -GitHub

[JS]jQueryのプラグイン33+1選 -2012年7月

Post on:2012年7月31日

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 approach アニメーションを時間ではなく、距離でコントロールします。 JSTween 簡単な記述でエレメントをCSS3などを使ってアニメーションさ

...記事の続きを読む

[JS]キャプションのアニメーションがかっこよすぎ、スマフォもIEも対応のコンテンツスライダー -iView Slider

Post on:2012年7月25日

画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slide

...記事の続きを読む

[JS]ウェブページやWordPressのページを無限スクロールさせるスクリプト -Infinite Scroll

Post on:2012年7月24日

ウェブページをPinterestのように無限スクロールさせるjQueryのプラグイン、アンドWordPressのプラグインを紹介します。 Infinite Scroll

[JS]ウェブでよく見かけるあのエレメントに、遊び心のあるアニメーションを与えるスクリプト -forkit.js

Post on:2012年7月23日

ウェブ制作者なら見たことがあるGitHubのリボン。 そのリボンにちょっとした仕掛けをするスクリプトを紹介します。 forkit.js

[JS]これはかなりの優れもの!iOS用だけどIE7にも対応しているスライダーのスクリプト -iosSlider

Post on:2012年7月20日

カスタマイズ性にも優れた、コンテンツスライダー、カルーセル、画像ギャラリーが実装できるスライダー用のjQueryのプラグインを紹介します。 iosSlider

[JS]CSS3アニメーションを時間ではなく、距離でコントロールするスクリプト -Approach

Post on:2012年7月13日

オブジェクトに近くなるほど、不透明度を増やしたり、サイズを大きくしたりなど、距離でCSS3アニメーションをコントロールするjQueryのプラグインを紹介します。 Approach

[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART

Post on:2012年7月11日

シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART

[JS]表示しているウェブページを爆発させるスクリプト -fontBomb

Post on:2012年7月10日

表示しているウェブページのテキスト(フォント)を時限爆弾で爆発させるスクリプトを紹介します。 下記キャプチャは、このサイトを爆発させてみました。 fontBomb -GitHub

[JS]とっても簡単な記述でアニメーションが実装できる単体のスクリプト -Move.js

Post on:2012年7月9日

エレメントの移動や拡大、カラー変更などを、29種類のイージングのエフェクトを伴ってアニメーションで実装できるスクリプトを紹介します。 Move.js -GitHub Move.js

top of page

©2024 coliss