Ir para o conteúdo

State of CSS 2023

Layout

Como você posiciona elementos na tela?

Subgrid

Comentários531
Comparar dados
8949 perguntas respondidas de um total de 9190 entrevistados (97.4% de conclusão)
Nunca ouvi falar
Conheço
Já usei

CSS Writing mode

Comentários37
Comparar dados
8888 perguntas respondidas de um total de 9190 entrevistados (96.8% de conclusão)
Nunca ouvi falar
Conheço
Já usei
💡
A aba Comentário permite que você visualize os comentários deixados pelos entrevistados da pesquisa enquanto preenchiam a pesquisa.

Propriedades lógicas

Comentários55
Comparar dados
margin-block-start, padding-inline-end, etc.
8845 perguntas respondidas de um total de 9190 entrevistados (96.3% de conclusão)
Nunca ouvi falar
Conheço
Já usei

aspect-ratio

Comentários52
Comparar dados
8854 perguntas respondidas de um total de 9190 entrevistados (96.4% de conclusão)
Nunca ouvi falar
Conheço
Já usei

content-visibility

Comentários18
Comparar dados
8795 perguntas respondidas de um total de 9190 entrevistados (95.8% de conclusão)
Nunca ouvi falar
Conheço
Já usei

Proprieda de gap para flexbox

Comentários52
Comparar dados
8831 perguntas respondidas de um total de 9190 entrevistados (96.1% de conclusão)
Nunca ouvi falar
Conheço
Já usei

Container Queries

Comentários78
Comparar dados
@container query
8819 perguntas respondidas de um total de 9190 entrevistados (96% de conclusão)
Nunca ouvi falar
Conheço
Já usei
We asked members of the CSS community to share their “pick of the year”

My 2023 Pick: Zag.js

The talented folks at ChakraUI are building some next-gen components and ideas, can't wait to see what else they come up with.

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

Adam Argyle

Google Chrome Developer Relations

object-view-box

Comentários17
Comparar dados
    8783 perguntas respondidas de um total de 9190 entrevistados (95.6% de conclusão)
    		Nunca ouvi falar
    		Conheço
    		Já usei

    Small, Large, and Dynamic Viewport Units

    Comentários37
    Comparar dados
    8796 perguntas respondidas de um total de 9190 entrevistados (95.8% de conclusão)
    		Nunca ouvi falar
    		Conheço
    		Já usei

    Media Queries Range Contexts

    Comentários36
    Comparar dados
    8792 perguntas respondidas de um total de 9190 entrevistados (95.7% de conclusão)
    		Nunca ouvi falar
    		Conheço
    		Já usei

    Anchor Positioning

    Comentários23
    Comparar dados
    8772 perguntas respondidas de um total de 9190 entrevistados (95.5% de conclusão)
    		Nunca ouvi falar
    		Conheço
    		Já usei

    Recursos recomendados

    CSS Grid & Flexbox for Responsive Layouts, v2
    Jen Kramer

    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.
    Practical CSS Layouts
    Jen Kramer
    Freelance Instructor

    Practical CSS Layouts

    Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts.
    Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.