javascript・jQuenry

[JS]非常に少ないコードでパララックスのエフェクトを実装できるスクリプト -Parallaxor

2015/01/20(Tue) 09:32

指定した要素をスクロールに応じて、さまざまな方向に異なるタイミングでアニメーションさせることができるjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-parallaxor.html

Google Mapsの地図に目的地までのルートをJavaScriptで描画する方法

2014/12/03(Wed) 07:44

任意で入力した場所から指定された場所までのルートをGoogleマップに描画する方法を紹介したいと思います。

http://liginc.co.jp/web/js/other-js/132151

本をめくるかのような感覚で画像が見せれるおしゃれすぎるjQueryプラグイン

2014/12/03(Wed) 07:43

おしゃれすぎるプラグインがあったのでシェア。結構あちこちで話題となっていましたが、このぬるぬる感がいいですよね。

http://e0166.blog89.fc2.com/blog-entry-1209.html

[JS]フォームのさまざまなエレメントを異なるブラウザ・スクリーンで同じように美しく表示させるスクリプト -Formplate

2014/11/27(Thu) 07:58

フォームのさまざまなエレメントを異なるブラウザ、異なるスクリーンでも美しく同じ見た目にするjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-formplate.html

CSSまたはjQueryを使って、ホバー時に一瞬だけ点滅するエフェクトを実装する方法

2014/11/27(Thu) 07:57

このブログではロゴや記事中の画像などにホバーすると一瞬だけ点滅する（光る）ような感じのエフェクトをつけているんですが、先日この実装方法についてご質問をいただいたので、その回答も兼ねてご紹介します。

http://www.nxworld.net/tips/flashing-effects-using-css-or-jquery.html

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

2014/11/26(Wed) 07:45

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

http://coliss.com/articles/build-websites/operation/javascript/js-lining.html

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

2014/11/20(Thu) 07:49

デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-slider-pro.html

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

2014/11/13(Thu) 07:55

画像にオーバーレイでテキストを表示したり、ボタンやテキストなどさまざまな要素にオーバーレイをアニメーションで表示できるjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-purplecoat.html

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

2014/11/04(Tue) 07:47

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

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-notifyme.html

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

2014/10/21(Tue) 07:50

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

http://coliss.com/articles/build-websites/operation/javascript/js-progressbar-with-svg.html