WEBデザイナーAkiの備忘録

JavaScript

アニメーションといえばコレ!TweenMax!

2019.11.26

JavaScriptライブラリ「TweenMax」の使い方を勉強していました。 最近流行りのスクロールに合わせてしゅるし

画面いっぱいに背景画像をスライドさせる「Vegas2」

2019.4.26

jQuery「Vegas2」を使って背景画像でスライダーを作ってみました。 全画面スライドを表示しつつ、パララックスもす

「fancybox3」と「Masonry.js」で可変するおしゃれギャラリー(デモあり)

2018.11.29

Lightbox系 jQuery「fancybox3」を使ってギャラリーを作ってみました。普通にflexboxでサムネイ

雪とか氷とか色々降らせる「snowfall.jquery.js」(デモあり)

2018.8.22

どうも御無沙汰です。色々と制作が立て込んでいたので、久々の投稿になってしまいました。(汗)更新が空いてる期間は色んなサイ

「Animate.css」と「wow.js」でサイトに動きをつける(デモあり)

2017.8.29

最近作ったサイトに導入しようとして、結局その動きいらない…ということになったので、デモだけここにリサイクルしておきます。

要素の高さを揃える「jquery.matchHeight.js」

2017.7.6

floatでボックスを横並びにした際に、高さが異なるといびつな感じになったり、ひどいとカラム落ちしたりしますよね。 そん

スクロールをするとかっこよく要素が出てくる「jquery.inview.js」(デモあり)

2017.6.9

スクロールすると要素がふわっと出現していくサイト、オシャレですよねー! あれやってみたいなー!って思ってたんですが、「i

bxsliderを使ったtickerスライダー(デモあり)

2017.6.1

bxsliderは仕事でよく使用しているのですが、今回初めてtickerスライダーとして使用したので、おさらいしてみまし