JavaScript

2019.11.26 ウェブ制作

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

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

2019.4.26 ウェブ制作

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

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

2018.11.29 ウェブ制作

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

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

2018.8.22 ウェブ制作

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

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

2017.8.29 ウェブ制作

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

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

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

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

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

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

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

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