WEBデザイナーAkiの備忘録

ウェブ制作

アニメーションといえばコレ!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 ,

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

投稿記事が属するタグによって、条件分岐で異なる内容を表示する方法

2017.11.2

めっちゃつまずいたので、久々の備忘録です。 WordPressの投稿で商品紹介を作っていたのですが、 「A店舗しか取り扱

「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スライダーとして使用したので、おさらいしてみまし

1 2