サイト構築 -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を加えるだけの簡
sponsors