メインコンテンツにスキップ

インタラクション

ユーザーとページのインタラクションを調整する。

CSS Scroll Snap

Customize Data
知らない
知っている
使った
2019
47.9% 47.9% 40.5% 40.5% 11.7% 11.7%
2020
45.9% 45.9% 33.2% 33.2% 21.1% 21.1%
2021
35.5% 35.5% 34.6% 34.6% 30% 30%

overscroll-behavior

Customize Data
知らない
知っている
使った
2019
58.2% 58.2% 22% 22% 20% 20%
2020
59.5% 59.5% 21% 21% 19.7% 19.7%
2021
53.2% 53.2% 23% 23% 23.9% 23.9%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: Container Queries

CSS container queries again! We got the chance to play with them in a browser. Thanks to Miriam Suzanne for moving this forward! I can't wait to use them without a flag.

We asked members of the CSS community to share their “pick of the year”

overflow-anchor

Customize Data
知らない
知っている
使った
2019
78.1% 78.1% 14.7% 14.7%
2020
76.9% 76.9% 16.2% 16.2%
2021
76.6% 76.6% 15.8% 15.8%
💡

ブロックの下にあるボタンから単位を切り替えて、同じデータを異なる視点で見られます。

touch-action

Customize Data
知らない
知っている
使った
2020
62.4% 62.4% 21.6% 21.6% 16.2% 16.2%
2021
62.7% 62.7% 20.5% 20.5% 16.9% 16.9%

pointer-events

Customize Data
知らない
知っている
使った
2020
20.3% 20.3% 12% 12% 67.9% 67.9%
2021
18.7% 18.7% 10.9% 10.9% 70.6% 70.6%

scroll-timeline

Customize Data
知らない
知っている
使った
2021
83.7% 83.7% 14% 14%