Ir ao contido

State of CSS 2023

Deseño

Como distribúes os elementos pola pantalla?

Subgrid

Comentarios531
Comparar datos
8949 dos entrevistados (97.4% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino

Modos de Escritura en CSS

Comentarios37
Comparar datos
8888 dos entrevistados (96.8% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino
💡
O botónd e comentar permite ver os comentarios deixados polos enquisados mentres cubrían a enquisa.

Propiedades Lóxicas

Comentarios55
Comparar datos
margin-block-start, padding-inline-end, etc.
8845 dos entrevistados (96.3% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino

aspect-ratio

Comentarios52
Comparar datos
8854 dos entrevistados (96.4% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino

content-visibility

Comentarios18
Comparar datos
8795 dos entrevistados (95.8% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino

gap property for flexbox

Comentarios52
Comparar datos
8831 dos entrevistados (96.1% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino

@container Queries

Comentarios78
Comparar datos
Including size and style queries
8819 dos entrevistados (96% porcentaxe de finalización)
 Nunca oín falar diso
 Oín falar diso
 Useino
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

Comentarios17
Comparar datos
    8783 dos entrevistados (95.6% porcentaxe de finalización)
    		 Nunca oín falar diso
    		 Oín falar diso
    		 Useino

    Small, Large, and Dynamic Viewport Units

    Small, Large, and Dynamic Viewport Units
    Comentarios37
    Comparar datos
    8796 dos entrevistados (95.8% porcentaxe de finalización)
    		 Nunca oín falar diso
    		 Oín falar diso
    		 Useino
    Small, Large, and Dynamic Viewport Units

    Media Queries Range Contexts

    Comentarios36
    Comparar datos
    8792 dos entrevistados (95.7% porcentaxe de finalización)
    		 Nunca oín falar diso
    		 Oín falar diso
    		 Useino

    Anchor Positioning

    Comentarios23
    Comparar datos
    8772 dos entrevistados (95.5% porcentaxe de finalización)
    		 Nunca oín falar diso
    		 Oín falar diso
    		 Useino

    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.
    Grazas aos nosos colaboradores por darnos o seu apoio! Saber máis.