¿Qué es importante? #15: CSS con reconocimiento de límites, CSS basado en tiempo, CSS con sangrado completo y más
similar último tiempo, Lo importante #15 Es bastante informativo: lea todo sobre CSS con reconocimiento de límites, cómo hacer que los canales de la cuadrícula sean accesibles, cómo crear diseños web basados en el tiempo, arreglar CSS completo y mejorar la personalización. <select>nuevas funciones de plataforma de red, etc.
usar view() para CSS con reconocimiento de bordes
Sam Preeti Nos guió muy profesionalmente a través de El concepto de CSS con reconocimiento de fronteras. usar view()Preethi es capaz de crear una variedad de efectos realmente útiles, algunos de los cuales compartiré a continuación:
I también Escribí algo al respecto para el blog Master.dev. Haga que los elementos interactivos sean invisibles pero accesibles. Parece que necesita más trabajo por hacer. completamente es accesible y tiene un nuevo valor hidden Las propiedades pueden ser la respuesta.
Accesibilidad: la historia de los carriles de cuadrícula
Dan Holloran escribió diseño de carriles de cuadrícula (antes “Diseño de mampostería” o “eso que hace Pinterest”).
Manuel Matuzovic dice no se puede acceder (Diseño del carril de cuadrícula, es decir, no el artículo de Dan, que es un gran artículo y va al grano).
En un artículo de seguimiento unos días después, MM sugirió usar reading-flow Hacer accesibles los carriles de la cuadrículaque parece ser la llamada correcta, pero no ha sido probada.
Cómo crear un diseño de sitio web basado en el tiempo
Sophie Koonin muestra Cómo hacer que un sitio web cambie según la hora del día Utilice la API temporal y color-mix(). Dicho todo esto, esto es increíble (al igual que los fondos de pantalla dinámicos de macOS).
Reparar CSS con sangrado completo
David Bushell nos muestra Cómo arreglar CSS con sangrado completo. Es decir, cómo hacer que algo abarque toda la ventana gráfica horizontal (No hay derrames: ¡ésa es la parte complicada!) a pesar de estar anidado dentro de otro elemento. Me encanta ver CSS moderno resolviendo viejos problemas (pista: es la unidad de consulta del contenedor).
Si eso no es lo suficientemente genial Temani Afif compartió recientemente otra tecnología innovadora Solo en CSS-Tricks, usa el nuevo border-shape propiedad.
corrección de CSS
¿No te gustaría poder retroceder en el tiempo y cambiar las cosas? Todos lo hacemos. De hecho, El Grupo de Trabajo de CSS enumera algunas de las cosas de CSS que cambiará.
es por eso Declan Kidlow Creado Reparar CSScual… brillantemente…arregle el CSS en consecuencia. Ahora finalmente podemos intercambiar border-radius (Ethan Tremblay de CSS) corner-radius. El mundo ha vuelto a la normalidad.
Cómo mejorar la personalización <select>
Jack Archibald muestra Cómo mejorar la experiencia de usuario personalizable <select>sresolviendo algunos problemas relacionados con el tamaño. Esta es una lectura obligada para cualquiera que esté considerando usar personalizable <select>.
35 nuevas características de la plataforma web
Por “nuevo” me refiero a cualquier cosa, desde aún no totalmente compatible hasta lanzamientos recientes y próximos. De todos modos, aquí está la cobertura de Bramus y Una Kravets de Google I/O 2026 35 funciones de plataforma de red Es posible que no haya oído hablar de él o que necesite un recordatorio:
Nuevas funciones y actualizaciones de la plataforma web
¡Qué pocas semanas! ¡Nos vemos en dos números más!
