サイト構築 -JavaScript

[JS]奥行きを与えてモーダルボックスを開くスクリプトを実用化したスクリプト -Avgrund Modal

Post on:2012年8月31日

モーダルボックスとページに奥行きを与えることを考えたコンセプト「Avgrund」を非対応ブラウザの処理やより簡単に実装できるように実用化したjQueryのプラグインを紹介します。 Avgrund Modal

[JS]ページ全体やコンテンツ(画像や動画)をフルスクリーンで表示するだけのシンプルなスクリプト -BigScreen

Post on:2012年8月29日

指定したエレメントをクリックすると、ページ全体をフルスクリーンで表示したり、画像や動画をフルスクリーンで表示するシンプルで超軽量(1KB)のスクリプトを紹介します。 BigScreen

[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト - BlocksIt.js

Post on:2012年8月22日

ページ上のさまざまなエレメントをブロックに変換し、グリッドに沿って配置するjQueryのプラグインを紹介します。 ブラウザのサイズを変更するとアニメーションで配置を変更する機能はよく見かけますが、他にもリロードする度にラ

...記事の続きを読む

[JS]数行のコードで、動画をウェブページの背景いっぱいに配置するスクリプト -BigVideo.js

Post on:2012年8月21日

MP4などの動画をウェブページの背景として配置するjQueryのプラグインを紹介します。 BigVideo.js ※背景の魚群は動画です。

[JS]後発だけに高性能で、実装はシンプルで超軽量のツールチップのスクリプト -jQuery PowerTip

Post on:2012年8月15日

ページ上のさまざまな要素にツールチップをアニメーションで表示するjQueryのプラグインを紹介します。 jQuery PowerTip jQuery PowerTip -GitHub

[JS]ページのレイアウトに役立つjQueryのプラグインのまとめ

Post on:2012年8月14日

Pinterestのようにパネルを隙間なくレンガ状に配置したり、異なる高さのパネルを同じ高さにしたりなど、ページのレイアウトに役立つjQueryのプラグインを紹介します。 Wookmark 高さの異なる要素を隙間なくレン

...記事の続きを読む

[JS]行送りにも対応、テキストを一文字ずつタイプライターのように表示するスクリプト -Typist

Post on:2012年8月9日

日本語にも対応、行送りや一時停止、タイプスピードの緩急も調整できる、テキストを一文字ずつタイプライターのようにアニメーションで表示するjQueryのプラグインを紹介します。 Typist Typist -GitHub

[JS]普通のかっこいいスライドから、予想の斜め上いく3Dのアニメーションにも対応したコンテンツスライダー -Adaptor

Post on:2012年8月7日

シンプルなインターフェイスに、スライド時にさまざまなエフェクトが用意されたコンテンツスライダーを実装するjQueryのプラグインを紹介します。 下記キャプチャのエフェクトは3Dで、くるっぐい~ん、って感じです。 Adap

...記事の続きを読む

[JS]DOMエレメントを操作するシンプルで超軽量のスクリプト -Chibi

Post on:2012年8月3日

jQueryなどの他のスクリプトに依存せず、DOMエレメントを操作するシンプルで超軽量(2KB gzipped)のスクリプトを紹介します。 Chibi -GitHub

[JS]パネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できるスクリプト -Gridster

Post on:2012年8月1日

CSS3アニメーションのかっこいいエフェクトを伴って、パネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できるjQueryのプラグインを紹介します。 Gridster Gridster -

...記事の続きを読む

top of page

©2024 coliss