青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

aosとかの、スクロールアニメーションを動かすときのInitのタイミング。

michalsnik.github.io AOS とか、スクロールで起動するアニメーションのライブラリを使うとき、もしくは普通にスクロールでアニメーションを動かすとき。 必要なことに、各要素の位置の取得があります。 AOSを使う場合は、JSで AOS.init(); をします。 で、…

.htaccessの書き方。とりあえずそのサイトにアクセスあったら違うサイトに飛ばしたい。

www.itti.jp これが参考になりました。 ポートフォリオとしてある https://motoki-watanabe.net/ このサイト、学部3年の時に作ったのですが汚すぎて更新もしんどいので放置されてて、今ポートフォリオはnotionで仮運用されているのでそちらに飛ばしたい。 FT…

VDMXでAKAI APC miniのボタンを光らせる

こんな感じで押してないときは緑、押したら赤に光らせようと思います。 saikuro0526.hatenablog.com 参考にしました。 まずMIDIコンをDetectでアサイン。 ここまでは普通。ここからが重要。 nanoKONTROL2とかなら普通に echo values back out to:でMIDIコン…

Photoshopで1倍では書き出せるのにそれ以上の倍率で書き出せない時。

たぶんバグですけどね。散々使ってて初めて出会いました。 普通にレイヤーの名前を 200% img05.jpgとかにしてアセット書き出ししようとしたら こうなる。クリッピングマスクしてそのマスクかけた方の名前変更したらこれ。 で、原因は謎。おそらくPhotoshopの…

CSSで禁則処理のおすすめ

手動で文章に改行を入れたくない。 wemo.tech 禁則処理、例えば句読点(,や.)が文章の先頭に来ないようにとか。 どこまでを禁則にするかによりますが、単語レベルで単語中では改行しないように、とかも出来ます。これらを改行調整することなく良い感じに自動…

SwiperをWebpackで利用するときは設定をしないとIEでのみエラーになる

Swiperというスライダーを作るときに便利なプラグイン。 swiperjs.com もう超絶便利ですよね。 で、こいつをWebpackとかで使う際に注意が必要だと最近わかりました。 なぜかIEでだけ、普通に使ってるとJS全部機能しません。 【JS】スライダーのSwiperをwebpa…

自分用のMacを買い替えたのでyarn入れようと思ったらまずHomebrewとか入ってなかった。npmとかyarnとかnodeとかgulpとかnodenvとかどう入れるんだっけ。インストール。

fukatsu.tech というわけでまずはこれ。 brew.sh /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" で、Homebrewが入ります。 次に、yarnのインストール。 yarnpkg.com brew install yarn これでインス…

テキストの両端揃え

sterfield.co.jp text-align: justify; text-justify: inter-ideograph; これで出来る。 基本はtext-align: justifyで問題ない。 text-justify: inter-ideographはIE用とのことだが、やってみたところ上手くいかなかったので諸説ある気がする。text-justify:…

タブ切り替え等で中身のコンテンツの高さが変わる、display:noneで切り替えているときの、その切り替えているコンテンツの下の位置でスクロール位置保持

こんな感じでタブで選んで中身のコンテンツを入れ替えたい。 わかりづらいがこの上がタブで、下がコンテンツ。 しかも、そのタブは上下にあり、どちらでも中身のコンテンツを入れ替えられる。 ↓下 つまり、 こういう感じ。 で、問題なのは、 ・このコンテン…

position:fixedとz-index: −1の組み合わせはIEでだめかも

tech.motoki-watanabe.net IEでスムーススクロールのなんかでガタついてしまうという現象 があったが、これ以外にも、 どうやらposition:fixedの要素にz-index: -1 を指定すると、ガタついた。 原因は謎。z-indexを指定しない、もしくはz-index: 1を指定する…