【 javascript 】一覧

CSS&SVGアニメーションを実現する軽量JSライブラリ Animate Plus の使い方
Animate Plus jQueryなどを使わずに単体でシンプルなアニメーションを実現してくれるライブラリAnimate Plusを紹介します。 非常にシンプルな記述で、よく使われる移動や回転、スケ ......

2016.01.16

IE10以下ではdisplay:none;した要素の機能は動かないで無効化される!?
Photo by フリー写真素材ぱくたそ つい先日最新版以外のサポートが終了したIEについて知らなかった挙動なのでメモ書きです。 もうこんな事に頭を悩まされるのも少しの間かもしれませんが一応書いておき ......

2016.01.15

ローディングの値を取得するのに便利なプラグイン jQuery.ImgLoader の使い方
jQuery.ImgLoader 最近またFlash全盛期のころのようなリッチな表現をするサイトが増えてきた気がします。 ただそういったサイトは多数の画像や動画を読み込むなどローディングに時間がかかる ......

2016.01.14

Javascriptでスクロールを一時的に禁止する方法(PC・スマホ対応)
Photo by フリー写真素材ぱくたそ 今回紹介するのはJSでスクロールを一時的に禁止する方法です。 以外と使う機会多いんですよね。 「このライトボックスを開いた際はページのスクロールは止めたい…」 ......

2016.01.13

簡単に素早くクリエイティブコーディング!開発中の「ALGO.JS」を使ってみました
ALGO.JS 12月に行われたDemo Day Tokyoでプレゼンされていた林さんが開発しているALGO.JSを触ってみました。 ALGO.JSはWebGLベースのフレームワークで簡単に軽量に、コ ......

2016.01.9

デバイスサイズによる振り分けも実現! be Lazy.js で写真の遅延ロード
be Lazy.js 今回紹介するのは1ページが長めなブログやギャラリーサイトに役立つ遅延ローディングを実現するスクリプトです。 遅延ロードを実現するのは沢山ありますが、デバイスサイズによって小さい画 ......

2015.10.20

ローディング画面を気軽に実装! PACE.js の使い方
pace.js ちょっとリッチなコンテンツを作る際に用いられるローディング画面。 今回は読み込むcssを変えるだけでローディングのエフェクトを変更できるPACEの使い方を紹介します。 用意するもの ま ......

2015.10.19

スマホでのドロワーメニューを実現する単独JSプラグイン sp-slidemenu.js の使い方
sp-slidemenu.js またもドロワーメニューを実現するプラグインの紹介です。 今回はjQueryを使わずに単体で動作するjsプラグイン「 sp-slidemenu.js」を見てみましょう。 ......

2015.09.13

スマホの左右に開くドロワーメニューを実装する Sidr の使い方
Sidr スマートフォンで頻繁に使われるドロワーメニューを実装するjqueryプラグインを紹介します。 左右どちらからの開閉にも対応できるシンプルなプラグインとなっています。 用意するもの まずは公式 ......

2015.09.8

しずくが落ちた水面をCanvasで再現! Raindrops.js の使い方
Raindrops.js 今回はちょっと珍しいエフェクトを実現するjQueryプラグインを紹介します。 しずくが落ちてきた水面をcanvasで再現していて、あまりWebでは見かけない有機的な動きを実装 ......

2015.09.5

スポンサードリンク