Importante #2: transiciones de vista condicional, efectos de texto CSS/SVG, lo mejor de CSS Bluesky y más
Se acerca el 2026. Sé que todos estamos ansiosos por ver que el reloj marque la medianoche (el inicio de la cuenta regresiva final de Europa), ¡pero aquí hay un vistazo retrospectivo a las mejores cosas relacionadas con CSS que sucedieron en las últimas dos semanas!
Transiciones de vista condicional
Chris Coyle nos mostró Cómo activar diferentes transiciones de vista según la URL (O cualquier lógica de JavaScript condicional, en realidad). Sin embargo, Brahms señaló en su reseña CSS está a punto de introducir la coincidencia de navegaciónpor lo que probablemente no necesitaremos depender de JavaScript para hacer esa parte durante mucho tiempo. ¡Cruzo los dedos para el 2026!
Anotar los componentes del sistema de diseño para accesibilidad.
Geri Reid explica en detalle Cómo anotar componentes del sistema de diseño para accesibilidadbrindando ejemplos sólidos basados en HTML. Me gusta especialmente la sección que define elementos, ARIA, etiquetas, navegación por teclado, escala y preferencias del usuario como marcadores de accesibilidad.
Firefox será un “navegador moderno con IA” que no hará feliz a nadie
Firefox ha estado en una montaña rusa últimamente. comienza con Entrevista realizada por The VergeEl nuevo director ejecutivo, Anthony Enzor-DeMeo, dijo que Firefox “evolucionará hasta convertirse en un navegador moderno con inteligencia artificial”. Sólo el 2,3% Cuota de mercado de navegadoresCreo que es inevitable que Firefox intente cambiar el status quo, pero los usuarios no parecen querer eso en absoluto. Pero para detener el sangrado, Anuncian un kill switch por IA.
Así fue como conocí a tu Mo——…zorro de aguaque es la bifurcación sin IA de Firefox.
Crea texto de dibujos animados usando CSS y SVG
Andy Clark probado Cómo crear efectos de texto de dibujos animados clásicos usando CSS y SVG. no he oído hablar de eso paint-order Propiedades CSS antes de esto, por lo que esta parte es genial.
6 características de CSS que debes aprender…2025
Así es, ¡es 2025! Adam Argyle escribe Funciones de CSS que deberías aprender en 2025 principios de este año. Ya casi estamos en 2026, ¿cómo estás? Para ser honesto, apenas he arañado la superficie. @property.
Gran publicación de CSS en Bluesky
Seamos honestos, las redes sociales ya no son un lugar divertido para pasar el rato, pero haré una excepción con Bluesky. Rara vez veo algo que no esté relacionado con mis intereses, de hecho hablo con gente allí, hay una gran comunidad de desarrollo allí, por supuesto. CSS-Tricks se publica en Bluesky Lo mismo ocurre con el equipo de CSS-Tricks, muchos de nuestros autores.
Entonces, dado que las actualizaciones del navegador generalmente se lanzan a principios de mes, aquí hay algunas publicaciones interesantes de la comunidad CSS de Bluesky:
Acompaña a Afi probado una combinación muy interesante de posicionamiento del ancla, attr(), Consulta de contenedory shape()puedes probar esto (puede requerir Chrome):
Stephen Magheim enumera varias razones Por qué deberías nombrar tus clases semánticas (Por ejemplo, cambiar el nombre .btn llegar .ui-button):
Similar a “Cartoon Text Explorations” de Andy Clarke, Ana Tudor Efecto de texto del mapa de desplazamiento También es bastante sorprendente, aunque lo más probable es que necesites Chrome para funciones de vanguardia como:
tener Más efectos de texto en mapas de desplazamiento En el feed de Anna.
George Blake dijo:
Escribir CSS para mi sitio web que utiliza funciones modernas que solo están disponibles en Chrome o Safari, pero no en ambos. Consistencia final: eventualmente se verá correcto en un navegador… ¿verdad?
¡En realidad, sí! lo más probable es que Para aquellos que no lo saben, el Proyecto Interop es un esfuerzo de colaboración entre Chrome, Firefox y Safari para hacer que ciertas funciones funcionen de manera consistente en sus navegadores. ¡Incluso puedes votar por las funciones! ¿Quieres saber más? que leer aleación de cromo y kit de herramientas de red Se ha hablado de Interop 2026.
Finalmente, un saludo a nosotros mismos. Sunkami Fafulola para Di lo que todos estamos pensando:
Gracias a todos los que trabajan duro para expandir y superar los límites de la funcionalidad CSS. Haces mi trabajo y el de millones de personas más fácil. No has pasado desapercibido y realmente espero que hayas pasado un día maravilloso.
En ese sentido, el equipo de CSS-Tricks les desea un Feliz Año Nuevo. ¡Que su sitio web esté libre de errores y se ejecute en todos los navegadores (estables)!
¡Nos vemos en 2026!
