Ir al contenido

Diseño

¿Cómo distribuyes los elementos por la pantalla?

CSS grid

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2019
2020
2021

Subgrid

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2020
2021

Flexbox

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2019
2020
2021

Multi-Columna en CSS

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2019
2020
2021

Modos de escritura en CSS

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2019
2020
2021
Hemos pedido a miembros de la comunidad de CSS que compartan su "elección del año"

Mi Selección de 2021: El API de Paint de CSS

La API de Paint nos permite crear imágenes con código, para usarlas en CSS. Nos abre un nuevo mundo de creatividad, y ¡estoy muy emocionado con ello!

Hemos pedido a miembros de la comunidad de CSS que compartan su "elección del año"

George Francis

Artistas, desarrollador y escritor.

position: sticky

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2020
2021

Propiedades lógicas

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2020
2021

aspect-ratio

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2020
2021
💡

El botón Export en la parte superior de cada bloque te permite obtener los datos JSON sin procesar de cualquier gráfico, o una consulta GraphQL que puedes ejecutar en nuestra API pública.

content-visibility

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2020
2021

Propiedad gap para flexbox

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2021

Reglas de ruptura

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2021

Container queries

Datos personalizados
Nunca he oído hablar de ello
Lo conozco
Lo he usado
2021

Recursos recomendados

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.
¡Gracias a nuestros socios por apoyarnos! Aprende más.