Layout

Comment positionnez-vous des éléments sur l'écran ?

Grid
Progression: 94.9% (10906)
Progression: 94.9% (10906)

Export
Pourcentages%
NombreΣ

2019

54.7% 54.7% 43.5% 43.5%

2020

73.3% 73.3% 25.6% 25.6%
Utilisé
Entendu parler
Jamais entendu parler

Subgrid
Progression: 94.5% (10859)
Progression: 94.5% (10859)

Export
Pourcentages%
NombreΣ

2020

43.3% 43.3% 50.6% 50.6%
Utilisé
Entendu parler
Jamais entendu parler

Flexbox
Progression: 94.6% (10871)
Progression: 94.6% (10871)

Export
Pourcentages%
NombreΣ

2019

94.7% 94.7%

2020

97.5% 97.5%
Utilisé
Entendu parler
Jamais entendu parler

Multi-Column Layout
Progression: 94.3% (10837)
Progression: 94.3% (10837)

Export
Pourcentages%
NombreΣ

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%
Utilisé
Entendu parler
Jamais entendu parler

Writing Modes
Progression: 94.5% (10855)
Progression: 94.5% (10855)

Export
Pourcentages%
NombreΣ

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%
Utilisé
Entendu parler
Jamais entendu parler
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
Progression: 94.2% (10830)
Progression: 94.2% (10830)

Export
Pourcentages%
NombreΣ

2019

14.3% 14.3% 78.6% 78.6%

2020

11.2% 11.2% 12.3% 12.3% 76.4% 76.4%
Utilisé
Entendu parler
Jamais entendu parler

CSS position:sticky
Progression: 94.4% (10853)
Progression: 94.4% (10853)

Export
Pourcentages%
NombreΣ

2020

75.8% 75.8% 17.3% 17.3%
Utilisé
Entendu parler
Jamais entendu parler

CSS Logical Properties
Progression: 94.3% (10837)
Progression: 94.3% (10837)

Export
Pourcentages%
NombreΣ

2020

11.6% 11.6% 31.9% 31.9% 56.5% 56.5%
Utilisé
Entendu parler
Jamais entendu parler

CSS property: aspect-ratio
Progression: 94.5% (10855)
Progression: 94.5% (10855)

Export
Pourcentages%
NombreΣ

2020

22.4% 22.4% 48.3% 48.3% 29.4% 29.4%
Utilisé
Entendu parler
Jamais entendu parler

CSS content-visibility
Progression: 94.5% (10865)
Progression: 94.5% (10865)

Export
Pourcentages%
NombreΣ

2020

23.3% 23.3% 35.9% 35.9% 40.7% 40.7%
Utilisé
Entendu parler
Jamais entendu parler

Ressources Recommandées

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.
Merci à nos partenaires de nous soutenir ! En savoir plus.
« Précédent : FeaturesSuivant: Formes et Graphiques »
Graphes réalisés avec Nivo. Hébergé par Netlify.
Une question ? Un bug ? Rapportez un problème. Rejoignez notre Discord.
Appuyez sur option/alt pour activer le mode traducteur.