サイト構築 -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

...記事の続きを読む

top of page

©2025 coliss