サイト構築 -JavaScript
[JS]単に縮小して表示するだけではない、レスポンシブ対応の画像ギャラリーのスクリプト -Gamma Gallery
Post on:2012年11月8日
単にウインドウのサイズに依存して縮小するのではなく、コンテナのサイズに応じてグリッドを最適化し、そのサイズに最適な画像を表示する画像ギャラリーを実装するスクリプトを紹介します。 Gamma Gallery: A Resp
jQuery UIの各エレメントをレトロ風のかわいいデザインに変更するテーマファイル -jQuery UI Theme Retro
Post on:2012年11月7日
タブ、パネル、ダイアログ、ボタン、フォームなど、各エレメントのデザインをレトロ風にするjQuery UIのテーマファイルを紹介します。 jQuery UI Theme: Retro
[JS]画像やコンテンツを水平・垂直に気持ちよくスクロールさせて表示することにこだわったスクリプト -Sly
Post on:2012年10月31日
水平・垂直に配置した画像やコンテンツを気持ちよくスクロールさせることと次に表示するアイテムのロジックにこだわったjQueryのプラグインを紹介します。 IE6にも対応してるのがびっくりです! Sly -GitHub
[JS]これは楽しい!FPS値の設定もできるスプライトベースのアニメーションを作成するスクリプト -Motio
Post on:2012年10月30日
FPSとはFrames Per Secondの略で、1秒あたりのフレーム数のことです。 このFPS値やスピードを簡単に調整できるCSSスプライトベースのアニメーションを実装できるjQueryのプラグインを紹介します。 M
これぞレスポンシブ確認ツールの決定版!OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
Post on:2012年10月26日
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer
これは楽しい!巻き簾のようにくるっとはらりとなるCSS 3Dのドロップダウン
Post on:2012年10月24日
ユーザビリティは一旦おいといて、くるっとはらりとなる巻き簾のドロップダウンを紹介します。
[JS]並べて配置したパネルを滑らかなアニメーションで伸縮させるスクリプト -Kwicks for jQuery
Post on:2012年10月22日
水平・垂直に配置したパネルをイージングやバウンドなどの滑らかなアニメーションで伸縮させるjQueryのプラグインを紹介します。 Kwicks for jQuery
[JS]変更時のアニメーションが気持ちいい、レスポンシブ対応のかっこいいグリッドを生成するスクリプト -Grid—A—Licious
Post on:2012年10月19日
Masonryはかっこいいけどパネル移動のアニメーションがちょっとな、という人にぴったりな、レスポンシブ対応でレイアウト変更時のアニメーションもスムーズでかっこいいグリッドを生成するjQueryのプラグインを紹介します。
[JS]このアニメーションはかなりカワイイ!折り畳んだ紙をパタパタ広げるスクリプト -PFold
Post on:2012年10月19日
小さく折り畳んだ紙をパタパタ開いて、小さなエレメントを大きく広げて表示するjQueryのプラグインを紹介します。 下記のキャプチャは、3回開いて大きく広げます。 PFold: Paper-Like Unfolding E
[JS]スクロールするのが楽しくなる!多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax
Post on:2012年10月17日
スクロールすると、ずれたタイミングで背景とコンテンツがスライドしたり、フェードでコンテンツが表示されたりなど、多彩なパララックスのエフェクトを実装できるjQueryのプラグインを紹介します。 Jarallax Jaral
sponsors