JavaScript

JavaScript

メモ:文字を手書きで書いているような演出をSVGとVivus.jsで実装する

英語の筆記体をサラサラっと書くようなアニメーション演出って可能なんだろうか。そんな疑問からGoogleを調べてみたら、目的に近い方法を見つけることが出来ました。 この記事では、実際に試してみた際の流れと、作業の中で気づいた要点をメモ.....
JavaScript

メモ:Animate.cssの利用方法+スクロールに応じてアニメーションさせる方法

2019年3月現在、スクロールに応じて要素をフェードインやスライドインさせるWebサイトはとても多く見られる。 こういったアニメーションを実装するのに、Animate.cssはとても便利(フェードイン、スライドイン、バウンド等、色々.....
JavaScript

メモ:Webページにローディングを実装する

例えばランディングページなど、画像をふんだんに使用したWebページを作る時、ページがなかなか読み込まれなくてストレスを感じさせてしまうシチュエーションって、少なからず存在する。 このストレスを少しでも軽減させるために、最近はローディングの.....
JavaScript

メモ:fancyboxを自動で開く&Cookieを使って1回きりだけ動作させる

fancyboxの読み込みと実装に関しては割愛。Cookieについては、お手軽にCookie機能を導入できる「jquery.cookie.js」を使用。 JavaScriptの読み込みは、CDNから。 <script s.....