Skip to content

Layout

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

CSS Grid

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2019
2020
2021

Subgrid

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2020
2021

Flexbox

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2019
2020
2021

CSS Multi-Colonnes

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2019
2020
2021

Modes d'écriture de CSS

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2019
2020
2021
Nous avons demandé aux membres de la communauté CSS de partager leur "choix de l'année"

Ma préférence en 2021 : CSS Paint API

L'API Paint nous permet de créer des images programmatiquement, pour les utiliser dans notre CSS. Cela débloque un nouveau monde de possibilité, et je suis vraiment très heureux de l'utiliser !

Nous avons demandé aux membres de la communauté CSS de partager leur "choix de l'année"

George Francis

Développeur, auteur, artiste génératif.

position: sticky

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2020
2021

Propriétés logiques

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2020
2021

aspect-ratio

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2020
2021
💡

Le bouton Export en haut de chaque bloc vous permet d'obtenir les données brutes au format JSON pour n'importe quel graphique, ou une requête GraphQL que vous pouvez exécuter sur notre API publique.

content-visibility

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2020
2021

Gap property for flexbox

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2021

Break rules

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2021

Container Queries

Customize Data
Jamais entendu parler
Entendu parler
Utilisé
2021

Ressources Recommandées

CSS Grid & Flexbox for Responsive Layouts, v2

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
Merci à nos partenaires de nous soutenir ! En savoir plus.