Hacia elementos responsivos

Noticias de actualidad de Brian Kardell, con respecto a lo que hemos estado llamando “consultas de contenedor”, la característica más solicitada en CSS:

Parece haber algún acuerdo general en al menos una parte de lo que voy a llamar “Diseño Responsivo para Componentes” y es que darle la vuelta al problema es mejor.

El cambio aquí parece que en lugar de hacerlo como una consulta de medios, lo hacemos a nivel de propiedad.

.foo {  display: grid;  grid-template-columns: switch(    (available-inline-size  1024px) 1fr 4fr 1fr;    (available-inline-size  400px) 2fr 1fr;    (available-inline-size  100px) 1fr;    default 1fr;  );}

Creo que esto todavía está en la fase de ideación y otras personas están ideando ideas diferentes. Pero vale la pena compartirlo, ya que parece que tiene tracción y es factible porque no está plagado de problemas, simplemente no es así como funcionan los navegadores que generan muchas consultas de contenedores.

Brian también habla últimamente del “progreso a la velocidad de la luz”, por ejemplo:

Considere que cambiamos la conversación estancada y ResizeObserverfue imaginada, incubada, especificada, probada, acordada, iterada (¡nos equivocamos!) e implementada en todos los navegadores en aproximadamente 2 años.

Dos años son mucho para los estándares.

Enlace directo →