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

top of page

©2024 coliss