TAK

@tak_dcxi • 16,601 subscribers

Webデザイン&マークアップ&フロントエンドをしていたWeb制作者 → 自社開発サービスのフロントエンドエンジニア | 個人サイト https://t.co/Lo8MxRqeQQ | Zenn https://t.co/bs9kcK7xvJ

Shorts

$全モダンブラウザで使える`zoom` ・@\propertyとtan(atan2())を使い縮小率を単位を取り除いたpx数値に変換・zoomの値にclamp()で最小倍率、推奨倍率、最大倍率1を設定 cqi等を使わずにテーブルやヘッダーをviewportに応じて自動収縮が可能になるので便利かも🫵 #Web制作$

全モダンブラウザで使える`zoom` ・@\propertyとtan(atan2())を使い縮小率を単位を取り除いたpx数値に変換・zoomの値にclamp()で最小倍率、推奨倍率、最大倍率1を設定 cqi等を使わずにテーブルやヘッダーをviewportに応じて自動収縮が可能になるので便利かも🫵 #Web制作

43,813 views

$scroll-hintみたいなJSを使わずともscroll-stateで横スクロールのプロンプトを表示できるようになったのは大きい `@\container scroll-state((scrollable: inline-start) or (not (scrollable: inline-end)))`でインライン軸のスクロールが可能かつスクロールされていない場合の条件分岐ができる🫵$