¡Qué es! Importante n.º 5: carga diferida de iframes, repetición de fondos angulares y más

Esta edición de What’s! Importante está dedicada a nuestros amigos (también conocidos como yo) en el Reino Unido que actualmente están experimentando 43 días de lluvia miserable. Presentando: Cinco de las cosas más interesantes sobre CSS en las últimas semanas. agregarlas funciones más recientes de Chrome 145 y cualquier otra cosa que te hayas perdido. TL;DR: Mucho contenido, pero también mucha lluvia.

Por qué solo puedes codificar 4 horas al día

No te preocupes, de todos modos solo codificarás 52 minutos al día.

El Dr. Milan Milanović habla sobre los efectos dañinos de las reuniones, los correos electrónicos, Slack y las interrupciones, y lo que usted o su gerente pueden hacer al respecto. Este artículo Es realmente revelador, con un montón de estadísticas impactantes (pero no sorprendentes) sobre el estado de flujo del desarrollador promedio.

Por qué no deberías cambiar a puntos de interrupción más pequeños demasiado pronto

Ahmed Shadid explica Por qué no deberías cambiar a puntos de interrupción de reacción más pequeños demasiado prontoque contiene ejemplos de sitios web que han hecho esto y escenarios en los que los usuarios pueden encontrar estos puntos de interrupción.

Cómo retrasar la carga del iframe de la primera pantalla

loading=lazy Sólo funciona con elementos fuera de la pantalla, por lo que Stefan Bauer mostró un buen truco Carga retrasada de la primera pantalla <iframe>usar <details>.

Cómo crear duplicados corner-shape fondo

Preethi Sam nos muestra como usar corner-shape existir <svg>s, luego solía repetir backgrounds. ya lo he hecho mi propio experimento corner-shapepero eso es asombroso y definitivamente algo que no consideré.

Selecciones de CSS (edición 2026)

¿Para qué utilizan realmente CSS los desarrolladores web? Mientras que otros estudios han analizado las características, selección de CSS (edición 2026) se centra en patrones y técnicas CSS. Es una lectura muy divertida y seguro que te reirás un par de veces, especialmente cuando notes los diferentes errores ortográficos. !important.

Estos son algunos de mis favoritos:

• !IMPORTANT: Hay mucho ruido
• !impotant: Demasiada información
• !i: Simplemente vago
• !imPORTANT: Excelente anuncio
• !importantl: Ah, tan cerca…

Funciones de Chrome y clics rápidos que quizás te hayas perdido

Cromo 145 Enviado hace unos días y como siempre hemos estado compartiendo algunos clic rápido Toda la semana. Puede encontrarlos en la barra lateral de su página de inicio, así que no dude en visitarnos si está atascado.

Casualmente, la mayoría de los accesos rápidos están relacionados de alguna manera con las actualizaciones de Chrome, así que los revisaré todos juntos:

• text-justifypuedes combinarlo con text-align: justify Especifica si se requiere espacio entre palabras (text-justify: inter-word) o espaciado entre letras (text-justify: inter-character) para alinear el texto. jeff escribió esto En 2017, solo Firefox lo admitía en ese momento (más o menos…), por lo que, según mis cálculos, Safari debería admitirlo para 2035. Así que no en esta década, sino antes de GTA 6. Es broma… (creo).
• Hablando de palabras y espaciado entre letras, word-spacing y letter-spacing Aceptar ahora % Unidades, como en Safari y Firefox.
• Similarmente, overscroll-behavior Ahora funciona en contenedores de desplazamiento que no son raíz, como Safari y Firefox. WebDevRedFox Advertencia sobre overscroll-behavior Llegó justo a tiempo.
• column-wrap y column-height Ahora también hay un mejor diseño de varias columnas, pero desafortunadamente solo en Chrome.
• Esto también funciona para personalizar <select>posiblemente la característica más interesante de esta lista. Como compartí a principios de esta semana, Adam Argyle resumió brillantemente esta sorprendente complicación en un esquema simple Esto es muy fácil de entender.
• Ahora, mirando hacia el futuro, parece que finalmente podremos tener Múltiples bordes y contornos en un solo elemento también border-shapecomo lo demuestran la Dra. Lea Verou y la Dra. Una Kravets respectivamente.

¡Hasta la próxima!