サイト構築 -JavaScript

[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar

Post on:2012年4月18日

複数のパネルの配置にも対応、表示位置の設定も簡単に行え、アニメーションのスピードやエフェクトも変更できる、ページをスクロールした際に指定したエレメントをアニメーションで定位置に移動するjQueryのプラグインを紹介します

...記事の続きを読む

[JS]シンプルからかっこいいエフェクト付きまで、ページネーションなら何でも任せろのスクリプト -jPages

Post on:2012年4月13日

画像やテキストなど、HTMLのさまざまな要素をページネーションのコンテンツにするjQueryのプラグインを紹介します。 jPages

[JS]大量の画像コンテンツに便利! サムネイルを自動生成するスクリプト -NailThumb

Post on:2012年4月12日

大きいサイズの画像から、クロップやリサイズなどして小さいサイズのサムネイルを自動生成するjQueryのプラグインを紹介します。 サムネイルはテキスト配置やさまざまなエフェクトにも対応しています。 jQuery NailT

...記事の続きを読む

[JS]かなりかっこいいアニメーションを使ったスライドショーを実装するチュートリアル

Post on:2012年4月9日

スライドを単に次々と見せるだけでなく、切り替わる時に3Dのダイナミックでかっこいいエフェクトを与えたスライドショーを実装するチュートリアルを紹介します。 Slideshow with jmpress.js

[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

Post on:2012年4月6日

デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 Mobile Navigation Design & Tutori

...記事の続きを読む

[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina

Post on:2012年4月5日

Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery

...記事の続きを読む

ウェブページがデザイン通りに実装されたか確認できるちょっとかっこいいツール -Image-A-Trois

Post on:2012年4月4日

表示中のページに画像をオーバーレイで表示し、デザインの確認をするためのブックマークレットを紹介します。 Image-A-Trois

[JS]文字にアニメーションを使った面白いエフェクトを与えるスクリプト -Text Effects

Post on:2012年4月2日

文字を一文字ずつタイプライターのようにアニメーションで表示したり、一旦ごちゃまぜにして元通りにするアニメーションなど、面白いエフェクトを与えるjQueryのプラグインを紹介します。 Text Effects

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

Post on:2012年3月30日

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bgStretcher 写真などの背景画像をブラウザ枠いっぱいに簡単に配置。 Anystretch エレメントの背景画像のサイズを表示サイズに合わせて最

...記事の続きを読む

[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark

Post on:2012年3月27日

高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmar

...記事の続きを読む

top of page

©2024 coliss