サイト構築 -JavaScript

[JS]サイドバーを左右からスライドさせるごくシンプルなスクリプト -Simple Sidebar

Post on:2014年8月19日

サイドバーを左右どちらからでもアニメーションでスライドさせるシンプルなjQueryのプラグインを紹介します。 Simple Sidebar Simple Sidebar -GitHub

[JS]そのアイデアに脱帽!ひと味違う使い方が面白いツールチップのスクリプト -thoughtBubble

Post on:2014年8月4日

マンガやアニメのように、てん、てん、てん、ぽわーんと思っている事を吹き出しのアニメーションで表示するjQueryのプラグインを紹介します。 アニメーションで表示するツールチップですが、アイデアが面白いですね。 thoug

...記事の続きを読む

[JS]ヘッダやナビゲーションなどを下にスクロールした時には隠し、上にした時に表示するスクリプト -ScrollUpBar

Post on:2014年7月30日

ヘッダやナビゲーションなど、ページの上部に配置したパネル状のバーを下にスクロールした時には隠し、上にスクロールした時にそのバーを表示するjQueryのプラグインを紹介します。 デスクトップでコンテンツに集中させる効果だけ

...記事の続きを読む

[JS]動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト(スマホにも配慮) -Vide

Post on:2014年7月25日

.mp4, .webm など、動画をブラウザいっぱいやdivなどのエレメントの背景として配置できるjQueryのプラグインを紹介します。 デスクトップでは動画が再生され、スマホでは仕様のため代替の静止画像が表示されます。

...記事の続きを読む

[JS]これを待ってた!波紋のように広がる美しいエフェクトを簡単に実装できるスクリプト -Waves

Post on:2014年7月23日

Googleが提唱する新UX「Material Design」で採用されている波紋の美しいエフェクトを簡単に実装できるスクリプトを紹介します。 ボタンでもアイコンでもパネル・画像でも簡単に波紋を適用でき、jQueryなど

...記事の続きを読む

[JS]HTMLは汚さずに、テキストにちょっと面白いさまざまなアニメーションを適用できるスクリプト -LetterFX

Post on:2014年7月17日

テキストにちょっと面白いさまざまなアニメーションを適用できるjQueryのプラグインを紹介します。 実装は非常に簡単で、一部のアニメーションは日本語にも対応しています。 LetterFX LetterFX -GitHub

[JS]画像やパネルの上をクリックしたら上辺が、中央なら全体が押されたようなエフェクトを適用できるスクリプト -whichTriangle

Post on:2014年7月9日

パネルや画像など一つの矩形の要素は通常、矩形全体が一つのホットスポットですが、四辺それぞれと中央の計5つのクリックできるホットスポットにし、それぞれ異なるアクションやエフェクトを仕込めるjQueryのプラグインを紹介しま

...記事の続きを読む

[JS]Lightboxの進化形!クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images

Post on:2014年7月8日

デスクトップのクリック操作、スマフォ・タブレットのタップ操作でも快適に、画像を拡大表示させる超軽量(7.8KB)のスクリプトを紹介します。 jQueryなど他のスクリプトは不要で、単体で動作します。 Intense Im

...記事の続きを読む

[JS]ぷるぷるとかわいいアニメーションでモーダルボックスを表示させるスクリプト -Stackbox

Post on:2014年7月4日

ぷるぷるとかわいいアニメーションでモーダルボックスを表示させるjQueryのプラグインを紹介します。 ぷるぷるだけでなく、ぶらーんとさせたり、しゃかしゃかさせたり、ぺらっとさせたり、さまざまなものが揃っていて楽しいアニメ

...記事の続きを読む

[JS]実装が簡単!要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It

Post on:2014年7月2日

ページがロードされた時、ビューポートに要素が表示された時に、指定した要素をさまざまなCSS3アニメーションで表示するjQueryのプラグインを紹介します。 外部ファイルをセットして、あとは要素にclassを加えるだけの簡

...記事の続きを読む

top of page

©2024 coliss