WooCommerceを初めて使用したので、まとめ。

非表示にしている要素を、スクロールした時に左右から色付きのブロックがスライドして、画像や文字を表示させるアニメーション。 割と使われているアニメーションなのに、いつも名前を忘れてしまって困るのでメモ。 指示される時も「色付きのベタが左から右に移動して、その後出てくるやつ」とか言われたりします。 あのアニメーションは『Bl…

楽天GOLDを使用したサイトで動画を背景に流したいという要望があったのですが、仕様上できなかったのでメモ。 動画を再生することはできても、背景で流すというようなことはできないみたいです。 【【楽天GOLDで作成したページで動画が再生されない】】 楽天GOLDで作成したページに動画を表示したい場合、楽天GOLD内に動画をアップロードして…

案件で、セクションの背景で文字を左から右に無限スクロールさせるアニメーションを実装する必要があったのでメモ。 最初CSSだけでやっていたのだけど、細かい調整やアニメーションが途切れるのが気になったので今回プラグインを使用したら、嘘のように簡単に実装できました。 今後も使うかもしれないのでメモ。 【CSSだけの無限スクロール】…

今回初めてお仕事として謎解きサイトを作ることになったのですが、その中でイラストを動かすjavascriptで指定の場所と物の組み合わせで３つあえば隠し扉が開く的なギミックを作ることになりました。（昔のRPGで石像とか動かしたみたいに） こんなイメージのやつ。 canvasとかp5.jsとかそういったものを使おうと思ったのですが、これまでjsは…