JavaScript メモ:文字を手書きで書いているような演出をSVGとVivus.jsで実装する 英語の筆記体をサラサラっと書くようなアニメーション演出って可能なんだろうか。そんな疑問からGoogleを調べてみたら、目的に近い方法を見つけることが出来ました。 この記事では、実際に試してみた際の流れと、作業の中で気づいた要点をメモ..... 2019.04.22 JavaScript
JavaScript メモ:Animate.cssの利用方法+スクロールに応じてアニメーションさせる方法 2019年3月現在、スクロールに応じて要素をフェードインやスライドインさせるWebサイトはとても多く見られる。 こういったアニメーションを実装するのに、Animate.cssはとても便利(フェードイン、スライドイン、バウンド等、色々..... 2019.03.28 JavaScript
JavaScript メモ:Webページにローディングを実装する 例えばランディングページなど、画像をふんだんに使用したWebページを作る時、ページがなかなか読み込まれなくてストレスを感じさせてしまうシチュエーションって、少なからず存在する。 このストレスを少しでも軽減させるために、最近はローディングの..... 2019.03.22 JavaScript
JavaScript メモ:fancyboxを自動で開く&Cookieを使って1回きりだけ動作させる fancyboxの読み込みと実装に関しては割愛。Cookieについては、お手軽にCookie機能を導入できる「jquery.cookie.js」を使用。 JavaScriptの読み込みは、CDNから。 <script s..... 2019.03.04 JavaScript