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 →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Hacia elementos responsivos

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:

programar

es

https://pseint.es/static/images/programar-hacia-elementos-responsivos-1231-0.jpg

2024-06-13

 

Hacia elementos responsivos
Hacia elementos responsivos

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences