レイアウト

どうやって画面に要素を配置しますか?

Grid
回答記入率: 94.9% (10906)
回答記入率: 94.9% (10906)

出力
パーセント%
Σ

2019

54.7% 54.7% 43.5% 43.5%

2020

73.3% 73.3% 25.6% 25.6%
使った
知っている
知らない

Subgrid
回答記入率: 94.5% (10859)
回答記入率: 94.5% (10859)

出力
パーセント%
Σ

2020

43.3% 43.3% 50.6% 50.6%
使った
知っている
知らない

Flexbox
回答記入率: 94.6% (10871)
回答記入率: 94.6% (10871)

出力
パーセント%
Σ

2019

94.7% 94.7%

2020

97.5% 97.5%
使った
知っている
知らない

Multi-Column Layout
回答記入率: 94.3% (10837)
回答記入率: 94.3% (10837)

出力
パーセント%
Σ

2019

30.9% 30.9% 28.2% 28.2% 40.9% 40.9%

2020

33.4% 33.4% 23.1% 23.1% 43.5% 43.5%
使った
知っている
知らない

Writing Modes
回答記入率: 94.5% (10855)
回答記入率: 94.5% (10855)

出力
パーセント%
Σ

2019

7.4% 7.4% 19.5% 19.5% 73.2% 73.2%

2020

10.7% 10.7% 21.8% 21.8% 67.5% 67.5%
使った
知っている
知らない
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Container Queries

Container queries are a long-time awaited feature for us, and I’m thrilled that the Chrome team is working on support for it natively!

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

Ahmad Shadeed

Author of debuggingcss.com

Exclusions
回答記入率: 94.2% (10830)
回答記入率: 94.2% (10830)

出力
パーセント%
Σ

2019

14.3% 14.3% 78.6% 78.6%

2020

11.2% 11.2% 12.3% 12.3% 76.4% 76.4%
使った
知っている
知らない

CSS position:sticky
回答記入率: 94.4% (10853)
回答記入率: 94.4% (10853)

出力
パーセント%
Σ

2020

75.8% 75.8% 17.3% 17.3%
使った
知っている
知らない

CSS Logical Properties
回答記入率: 94.3% (10837)
回答記入率: 94.3% (10837)

出力
パーセント%
Σ

2020

11.6% 11.6% 31.9% 31.9% 56.5% 56.5%
使った
知っている
知らない

CSS property: aspect-ratio
回答記入率: 94.5% (10855)
回答記入率: 94.5% (10855)

出力
パーセント%
Σ

2020

22.4% 22.4% 48.3% 48.3% 29.4% 29.4%
使った
知っている
知らない

CSS content-visibility
回答記入率: 94.5% (10865)
回答記入率: 94.5% (10865)

出力
パーセント%
Σ

2020

23.3% 23.3% 35.9% 35.9% 40.7% 40.7%
使った
知っている
知らない

おすすめのリソース

CSS Grids and Flexbox for Responsive Web Design

Starting with a review of floats for context, but quickly moving into Flexbox and CSS grids, this essential course is for web developers that want to build responsive, beautiful web applications faster using less code and best practices.
パートナーのサポートに感謝しています! 詳細をみる。