カテゴリ ‘javascript’についての一覧


jQueryで要素をシャッフルするプラグイン「jQuery Shuffle Plugin」

JQuery Shuffle Plugin | Yelotofu

ランダムに要素を並び替える

バナーの順番をランダムで切り替えたり、おすすめ情報の並び順を切り替えたりする時に使える「jQuery Shuffle Plugin」をご紹介。

jQueryのプラグインを使用すれば、特定の要素だけランダムで表示できるようになります。

続きを読む

jQueryだけで画像のロールオーバーを実装するjQuery.RollOverの使い方

シンプルにロールオーバーを実装する方法

リンク用途などにおいて画像のロールオーバーはかなり頻繁に利用されていますが、これをシンプルに実現できるようにするプラグインをご紹介。

続きを読む

jQuery Mobileでレストラン評価サイトを作るチュートリアル

20120312 01

jQuery Mobile Tutorial: Creating a Restaurant Picker Web App

jQueryモバイルでレストランの評価サイトを作るデモを見つけたので個人的にメモです。

jQueryモバイルを活用したデザインの参考にしたいと思います。
あくまでフロントエンドの実装なので、バックエンド(情報の登録、保存など)はありません。

続きを読む

スクロールに応じて要素が動く、パララックスを実装できるjQueryプラグイン「scrolldeck」

20120310-01

スクロールによるパララックス効果を実装できるjQueryプラグイン「scrolldeck」

スクロールすると、画像やテキスト、その他色々な要素がアニメーションするWebデザインを最近良く見かけます。

パララックス(視差効果)や細かなアニメーションするものまで、様々なものがあると思いますが、
本日紹介する「scrolldeck」を使用するとパララックス効果を簡単に実装できるようになります。

パララックスがどんなものか分からない方のために先にプラグインのデモリンクを貼っておきます。

デモ1

デモ2

デモ3

スクロールで画像がずれて行く感じがたまらないですね。

続きを読む

詳細なオプション付!ダイアログの表示に使えるjQueryプラグイン「Noty」

20120220

Noty」はダイアログの表示が出来るjQueryプラグインです。

通知は、上下、中央、左上または右上に配置することができます。

テキスト、アニメーション、速度、ボタンをカスタマイズするためのAPIが数多く用意されており、詳細なオプション指定が可能です。

続きを読む

モダンなスライドショーを作れるjQueryプラグイン「Sequence」

20120220 01

モダンなスライドショーを作れるjQueryプラグイン「Sequence」

Sequence」はスライドの仕方に特徴があるjQueryプラグインです。
写真1枚をただスライドするのではなく、複数の写真を配置してモーションに動きをつける事が出来るようになります。

見た方が早いので、こちらのデモを見てください。

HTMLのマークアップはliタグの中にHTMlを書いていくようになっているので、
簡単に構築が可能です。

タッチ操作にも対応しているので、iPhone/Androidでも操作が可能です。

続きを読む

CSSでカスタマイズ可能なフォトビューア「Glisse.js」

CSS3のキーフレームアニメーションで構成されたフォトビューア

Glisse js  a simple responsive and fully customizable jQuery photo viewer

Glisse.js」はCSSでデザインカスタマイズが可能フォトビューアです。

CSS3の機能がブラウザによっては変わってしまうためIE8などで動作しないのですが
面白そうだったのでご紹介。

続きを読む

JavaScriptで RSA 公開鍵による暗号化、復号化が出来るライブラリ「cryptico.js」

20110830-03

RSA鍵の生成と公開鍵による暗号化、復号化が出来るJavaScript「cryptico.js」をご紹介。

続きを読む

スマートフォンのようにコンテンツをドラッグできるjQueryプラグイン「overscroll」

スマートフォンのようにコンテンツをドラッグできるjQueryプラグイン「overscroll

ドラッグ操作でコンテンツをスクロール出来るようになります。

20110830 01 1

続きを読む

画像にマウスオーバーするとビフォー・アフター が比較できるjQueryプラグイン「uCompare」

20110826 02

画像にマウスオーバーするとビフォー・アフター が比較できるjQueryプラグイン「uCompare

続きを読む
4 / 25« First...23456...1020...Last »