【 javascript 】一覧

いわゆる文字のシャッフルインを実装する Chaffle.js の使い方
Chaffle.js 今回はランダムな文字列から任意の文字列に変化させるエフェクトを実装できるChaffle.jsを紹介しようと思います。 AEなどでの文字シャッフルインや単語シャッフルインと同じよう ......

2017.08.18

モーションライブラリTweenMAXとThree.jsを併用してみる
TweenMax 少しずつThree.jsの使い方をかじっている今日この頃なんですが、オブジェクトをアニメーションさせる際にthree.jsだけでアニメーションの記述を書くとどうしてもやりづらいなと思 ......

2017.08.4

Javascriptのモーションライブラリ TweenMAX の基本的な使い方
TweenMax TweenMAXはFlashの時代からある息の長いモーションライブラリです。 高速度高機能でCanvasやWebGLなんかにも併用できるため、やや込み入ったアニメーションを実装したい ......

2017.07.26

jQueryと同じような書き方で軽量なアニメーションが可能な Velocity.js の使い方
Velocity.js ちょっと前から気になっていたライブラリの使い方をまとめておこうと思います。 新しいライブラリ覚えるのが面倒、という方でもjQueryのanimate()と同じように書けるので導 ......

2017.04.28

スマホのセンサーから上下左右の傾きと方向をJavascriptで取得する DeviceOrientationEvent
DeviceOrientationEvent センサーの塊であるスマートフォンは、Webサイトからデバイスの傾きや方向を取得することが出来ます。 普通のサイト制作よりはゲームやアプリなんかで使う機能か ......

2017.01.3

画面に要素が現れたかどうかを取得する in-view.js の使い方
in-view.js 今回は指定した要素がブラウザ上に現れたかどうか(ビューへのイン・アウト)を取得してくれるJSライブラリをご紹介します。 どんなときに使えるかざっくり言うと「画像はスクロールして画 ......

2016.12.3

複数画像を組み合わせたスライドショーが個性的な Multi-Layout Slideshow の使い方
Multi-Layout Slideshow 今回は少し珍しい複数画像を組み合わせたスライドショーのご紹介です。 スライドショーっていうより、昔のFlashサイトの画面切り替えを見ているようでちょっと ......

2016.11.25

メインビジュアルをカッコよく出現させる Background Segment Effect
Segment Effect 今回はメインビジュアルを擬似分割&シャドウ付けで個性的にな導入部を実現するライブラリを紹介したいと思います。 サンプルファイルだといろいろ他にも組み込まれているので少しや ......

2016.11.14

スクロールアニメーションの実装を手助けするプラグイン ScrollTrigger の使い方
ScrollTrigger 今回ご紹介するScrollTriggerは、スクロールアニメーションを実装したいときに便利なJavascriptプラグインです。jQueryなどは必要なくこれ単体で動きます ......

2016.08.3

シームレスなページ遷移を!PJAXの実装に便利な軽量プラグイン Barba.js の使い方
Barba.js 今回はPJAXを比較的簡単に実装し、シームレスなページ遷移を実現するjavascriptプラグイン「Barba.js」を紹介します。 ちょっと前まではサポートブラウザの関係でいまいち ......

2016.07.22

スポンサードリンク