サイト構築 -JavaScript
[JS]表示サイズに合わせてレイアウトやフォントのサイズ・ポジションを変更するスクリプト -jFL
Post on:2011年9月26日
表示サイズに合わせて、divのサイズ、fontのサイズ、divのポジションなどを変更するjQueryのプラグインを紹介します。 jFL - Fluid Adaptive Layout
[JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Forms
Post on:2011年9月21日
画像を一切使用せず、既存のフォームをかわいらしいデザインに変更するjQueryのプラグインを紹介します。 チェックボックスのチェックも画像ではないですよ。 Ideal Forms デモ
[JS]iPhone, iPad対応、パネルを雑誌のようにぺらっとめくるスクリプト -FlipPage
Post on:2011年9月16日
画像やテキストなどを配置したdiv要素で実装したパネルを雑誌のようにぺらっとめくるjQueryのプラグインを紹介します。 FlipPage 右端がぺらっとしてますが、キャプチャだと分かりにくいですね。
[JS]確認用の美しいグリッドをウェブページに表示する -The Heads-Up Grid
Post on:2011年9月15日
ウェブページの確認用にグリッドをオーバーレイで表示するjQueryのプラグインを紹介します。 似たものはいくつかありますが、Responsive Web Designに対応したものを紹介するのは始めてです。 The He
[JS]さまざまな要素をダイナミックなアニメーションでズームさせるスクリプト -Zoomooz
Post on:2011年9月14日
画像だけでなく、ページ内のさまざまな要素をダイナミックなアニメーションでズームイン・アウト、回転させるjQueryのプラグインを紹介します。 Zoomooz デモページ
[JS]Responsive Web Designに対応したカルーセルタイプのスライダー -Elastislide
Post on:2011年9月14日
表示サイズに合わせて、最適なサイズに変更して表示されるカルーセルタイプのスライダーを紹介します。 Elastislide – A Responsive jQuery Carousel Plugin 上記デモ(1200px
[JS]Modernizrをウェブサイトの開発・勉強・納品ごとに正しく使う方法
Post on:2011年9月8日
Modernizrの公式ブログより、Modernizrのどのバージョンを開発時・勉強時・納品時などにそれぞれ利用するべきか、開発者推奨の正しい使い方を紹介します。 Modernizr and Content Delive
[JS]ごく普通の画像を立体的にスライスしてアニメーションで切り替える画像ギャラリー -Slicebox
Post on:2011年9月7日
使用する画像は普通のJPEG画像で、それを3Dにスライスしてアニメーションでダイナミックに切り替える画像ギャラリーを紹介します。 スライスのエフェクトもたくさん種類があります。 Slicebox – A fresh 3D
[JS]省スペース用に二種類のズーム機能を備えた画像スライダー -Portfolio Zoom Slider
Post on:2011年9月6日
ミニサイズながら、スライドやズーム機能をしっかりと備えた画像スライダーを紹介します。 Portfolio Zoom Slider with jQuery デモページ
[JS]ウェーブ状のアニメーションでフェードイン・アウトさせる超軽量スクリプト -WaveAnimate
Post on:2011年9月5日
エレメントをウェーブ状のアニメーションでフェードイン・フェードアウトさせるjQueryのプラグインを紹介します。 スクリプトは1.7kで超軽量です。 WaveAnimate jQuery Plugin デモ
sponsors