サイト構築 -JavaScript

[JS]日本語もOK、行単位でスタイルを適用できるようにするスクリプト -Lining.js

Post on:2014年11月25日

first-line疑似要素を使用すると、その要素の最初の行だけスタイルを適用できますが、それを拡張するかのようにさまざまな行の指定ができるスクリプトを紹介します。 外部スクリプトを加えるだけで、先頭行、最終行、n番目の

...記事の続きを読む

[JS]スライダーのスクリプトを探しているなら絶対チェックした方がいいスクリプト -Slider Pro

Post on:2014年11月19日

デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。 今必要とされるさまざまな機能を備えています。 「Pro」がついてるから有料?って思うかもしれま

...記事の続きを読む

[JS]ページの背景に、美しい幾何学状のアニメーションを簡単に実装できる超軽量スクリプト -particles.js

Post on:2014年11月14日

最近見かけるようになった背景にCanvasで描いた粒子でできたような幾何学状のアニメーションを簡単に実装できる超軽量スクリプトを紹介します。 ↓は静止キャプチャですが、優美なアニメーションで動きます。 particles

...記事の続きを読む

[JS]非常に簡単な実装で、ページ上のさまざまな要素にオーバーレイを表示できるスクリプト -Purplecoat.js

Post on:2014年11月12日

画像にオーバーレイでテキストを表示したり、ボタンやテキストなどさまざまな要素にオーバーレイをアニメーションで表示できるjQueryのプラグインを紹介します。 使い方も非常に簡単で、スクリプトを一行も記述しないで利用できま

...記事の続きを読む

[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid

Post on:2014年11月10日

.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量(800bytes)プラグインを紹介します。 CoverVid CoverVid -GitHub

[JS]エフェクトの美しさがスゴイ!Webページを水面にし、波紋を生み出すスクリプト -jQuery Ripple

Post on:2014年11月5日

Googleの新UX「Material Design」のアナウンス以降、波紋のエフェクトを数多く紹介してきました。例えばこれとかRiiple Click EffectとかWavesとか。 それらとは一味違い、WebGLで

...記事の続きを読む

[JS]簡単な実装でパネルを天地左右からアニメーションで表示するスクリプト -notifyMe

Post on:2014年10月31日

表示ページの天地左右からアニメーションでスライド表示するパネルを実装するjQueryのプラグインを紹介します。 notifyMe notifyMe -GitHub

[JS]SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプト -ProgressBar.js

Post on:2014年10月20日

SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプトを紹介します。 レスポンシブ対応で、描く形状はライン・スクエア・サークル・トライアングル以外にもパスでオリジナルの形状にすることもでき

...記事の続きを読む

[JS]Lightboxの進化形!操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip

Post on:2014年10月6日

スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグイ

...記事の続きを読む

[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ

Post on:2014年9月29日

最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、ス

...記事の続きを読む

top of page

©2024 coliss