1
本日リリースのChrome Canaryで、marginやgapの値をドラッグで変更できるようになったのが、かなり便利💐
px数をいちいちタイプしなくていいので、長さ調整がかなりー楽になる🥰🥰🥰
これはかなりすごい🚀
#Chrome #CSS #かなり便利
2
Chrome最新版DevToolで使えるようになった「Recorder」機能が超便利💐
入力、クリック、スクロールなどのユーザー操作をビデオでレコーディングでき、後から再生できる。
キャプチャーは猫画像を探したときの記録。
操作手順の共有に使えそう😊
⌘⇧P（Ctrl Shift P）→「Show Recorder」
#Chrome
3
すごい🤩
CSSの @scroll-timelineを使って、CSSだけでパララックス効果+スクロール位置連動エフェクトが作れた💐
JSのIntersection Observerはスクロール位置に応じた演出は難しいし、scrollイベントは面倒だった。
デモ
tonkotsuboy.github.io/css-scroll-tim…
※ ChromeでフラグをONに
#Chrome #CSS