Y38Design

fromとtoに書く、top-middleとかの意味がよくわからず、書き直してリロードしてを繰り返してたんだけど、ようやく解説してあるサイトを見つけた

https://tr.you84815.space/basicscroll/data.html

middle- bottomと書くと、要素の中央（middle）がビューポートの下部（ bottom）に達した時にアニメーションが始まる、ということらしい。

これで少しは制御しやすくなったかも。

あとはpropsの中身がよくわからない。透明度は.01から.99だからわかりやすいのだけど、ここの

https://codepen.io/electerious/pen/QGNxxx

0から100pxがわかりにくい

position:relativeのことだと思うんだけど、アニメーションしてズレて動くから値が掴みにくい

このへんはもっといじってみないとわかんないな

てか素直にjqueryのを探した方が使いやすいかもしれないけど、他のjsに非依存というのは利点だと思うから、なんとかモノにしたい

なんとか導入してみたけれどまだコピペの域を出ない

内容を把握した上で弄れば多彩な表現ができるのだけど、jsなのかbasicscroll独自のものなのかわからないけど、何をどう書いたらいいのかがわからない

でもひとまずは置くことができたので少しずつ触っていこう

試しててうまく動かないからここの見た目がアレなことになってる。

デモ通りに、そのままコピペすると動く。でもその中から自分の使いたいものだけ残すと動かない…

jsを弄ればいいんだろうけどまだ仕組みがよくわかってないから難しい。

パララックスというたいして実用的ではないものにこんなに時間を割いていいものか。

あ、動いた。

試しにwordpressから、さっきの静的ページのjsを読み込んでみたら動いた。
js内の記述がおかしかったかも。

まだ試しているbasicscroll。

どうやっても動かない。何かがおかしいと思ってこことは別にページを作ってみた。

https://y38.org/scrolltest/

ここではちゃんと動く。

jsの呼び出しをbody末尾に記述するんだけど、もしかしたらwordpressが吐き出してるもろもろが悪さしてるのか？

パララックス試してみたいだけで他のなんでもいいのかとしれないけど、せっかくなら新しいの試したかったのに、もしwordpressが悪さしてるのだったら使えない…困った。

パララックスなんかが簡単に実装できるとかいうbasicscrollというスクリプトを使ってみたいのだけど、うまく動かない。

というか導入の仕方がよくわかんない。

basicscrollもそうだし、cssは変数を使うからscssぽいんだけどサーバでscssを使うやり方がさっぱりわかんない。

というか今書いた概念すら合ってるかわかんない。

頼りのcolissさんのところでも情報が少ない。

今までパララックスは実装したことないから試してみたいんだけどなあ

本来はカーデザイナー、プロダクトデザイナーなのだけど、浅いとはいえずっと離れず経験を積んできたのはwebかもしれない。

それは仕事で経験したものでもあるし、自宅で自分のサイトを弄っていろんな技術を自由に試せたから。

とはいえ、ちゃんとできることはhtmlとcssくらいなもので、jsやphpはコピペの改造くらいしかできないのだけれど。

本当はjsやphp、様々なフレームワークを身に付けたいと思っている。

プロダクトデザイナーであることを諦めたりしたわけではないけれど、自宅で最初から最後まで自由に弄って勉強できるwebは、楽しい。

いろんなサイト見ながらオプションを設定しようとしたのだけど、オプションつけたとたん動かなくなって、なんでや、と思ったらサンプル載せてた何個かのサイト全部、構文が間違ってた

いいのか、そんないい加減で…

wordpressの記事をランダムにスライド表示させるプラグイン、全く動かなくて困ったのでもういいやと、bxslider使ったらあっさり動いた件。

スタイルはゴリゴリいじる必要はあるけど

wordpressでスライダを実装しようと思い立ち。

ヒーローイメージではなく、記事をスライド表示させたくて。

調べると「Advanced post slider」というのが良さそうで入れてみたのだけど、うまく動いてくれない。

テーマ内に記述をするぽいのだけど、どう書いてもうんともすんともいわない。

ので、結局どこかで見たものの改造jsでスライドさせている。

ついでにテーマ内の記述をごにょごにょして最新３つの記事をランダムに表示させるようにした。

まだまだ勉強不足。