Noticias Dev

Dev News — 27 de Abril 2026

Lo nuevo hoy

Today's highlights

Points forts du jour

Click en cualquiera para ir al detalle

Click any item to jump to the full section

Cliquez un élément pour aller à la section complète

🔥

Top Stories

Release

Firefox 150 estable: scroll-driven animations, ariaNotify() y 271 vulnerabilidades parcheadas

Firefox 150 salió el 21 de abril con un stack de web platform muy sólido: soporte completo de animation-range-start y animation-range-end para scroll-driven animations, el nuevo método ariaNotify() como alternativa más confiable a ARIA live regions, y sizes="auto" para imágenes lazy-loaded. Por si fuera poco, parcha 271 vulnerabilidades. También trae mejoras de UX: Split View mejorado, copia de múltiples tabs con título y URL, editor de PDF con reordenamiento de páginas y traducciones offline en about:translations. Ojo con ariaNotify(): esto va a cambiar cómo manejamos accesibilidad en apps React.

21 Apr 2026
firefox.com →
Destacado

web.dev resume lo nuevo en la plataforma web en abril 2026

El artículo mensual de web.dev publicado el 24 de abril confirma: CSS contrast-color() es ahora Baseline (disponible en todos los engines con Chrome 147), view transitions de elementos individuales con scope, el atributo path en SVG <textPath>, y modulepreload para JSON y hojas de estilo. Más las features de Firefox 150 detalladas en el artículo. Un buen resumen para no perderte nada del mes.

24 Apr 2026
web.dev →
🎨

CSS

GA

CSS contrast-color() alcanza Baseline — disponible en todos los browsers principales

Con Chrome 147 (7 de abril), contrast-color() quedó disponible en todos los motores: Chrome, Firefox y Safari. Ahora es Baseline Newly Available. La función retorna black o white según cuál provea mayor contraste contra el color dado — perfecto para textos dinámicos sobre fondos variables sin JavaScript. Útil para design tokens con temas y accesibilidad automática. Dale, ya podés usarlo en producción sin polyfill.

24 Apr 2026
web.dev →
Minor

Firefox 150 CSS: animation-range, revert-rule, color-mix con múltiples colores y más

Firefox 150 suma bastante al frente de CSS: animation-range-start y animation-range-end para controlar el rango de scroll-driven animations, el keyword revert-rule para revertir la cascada a la regla anterior (similar a revert-layer), color-mix() con múltiples colores y light-dark() con valores de imagen. También overscroll-behavior funciona correctamente en elementos con overflow: hidden. Semana productiva para CSS.

21 Apr 2026
developer.mozilla.org →
🌐

HTML / Web Platform

Destacado

Firefox 150: ariaNotify() como alternativa a ARIA live regions y media pseudo-classes

ariaNotify() es la API que los devs de accesibilidad estaban esperando: permite anunciar mensajes al screen reader de forma más ergonómica y confiable que los ARIA live regions, sin los gotchas de timing. Firefox 150 también agrega las media pseudo-classes :buffering, :paused y :playing para <audio> y <video>, lo cual permite styling declarativo del estado de reproducción. Y sizes="auto" simplifica enormemente el setup de imágenes responsive lazy-loaded.

21 Apr 2026
web-standards.dev →
🔧

Build Tools & Runtimes

Patch

Vite 8.0.10: Rolldown actualizado a rc.17, fixes de HMR y minificación CSS

Vite 8.0.10 (23 de abril) actualiza Rolldown a rc.17 y arregla logging de HMR, warnings de minificación CSS y configuración del optimizer. Viene seguido de la 8.0.9 (20 de abril) que trajo mejor estabilidad del dev server, manejo seguro de HMR, detección de la raíz de workspaces Deno y múltiples fixes de build y optimizer. Ambas releases son mantenimiento de la serie 8.x sobre la base sólida de Rolldown en Rust. Sin grandes breaking changes — actualizá tranquilo.

23 Apr 2026
github.com/vitejs/vite →
🧩

JS Frameworks

Patch

Angular 21.2.10: patch de mantenimiento en la rama activa de Angular 21

Angular 21.2.10 salió el 22 de abril como patch de mantenimiento de la rama 21.x. Angular 21 introdujo zoneless change detection por defecto, deprecó Zone.js, y reemplazó Webpack por esbuild en el CLI. Esta línea 21.2.x acumula fixes de estabilidad sobre esa base. Si estás en Angular 21, actualizate a la 21.2.10 para tener los últimos parches.

22 Apr 2026
github.com/angular/angular →
🔥

Top Stories

Release

Firefox 150 stable: scroll-driven animations, ariaNotify() and 271 vulnerabilities patched

Firefox 150 landed on April 21 with a strong web platform payload: full support for animation-range-start and animation-range-end for scroll-driven animations, the new ariaNotify() method as a more reliable alternative to ARIA live regions, and sizes="auto" for lazy-loaded images. It also patches 271 vulnerabilities. UX improvements include enhanced Split View, multi-tab copy with title and URL, PDF editor with page reordering, and offline translations at about:translations. Pay attention to ariaNotify() — this will change how we handle accessibility in React apps.

21 Apr 2026
firefox.com →
Notable

web.dev rounds up what is new to the web platform in April 2026

The monthly web.dev roundup published April 24 confirms: CSS contrast-color() is now Baseline (available across all engines with Chrome 147), element-scoped view transitions, the path attribute on SVG <textPath>, and modulepreload for JSON and stylesheets. Plus the Firefox 150 developer features. Good all-in-one summary to stay current.

24 Apr 2026
web.dev →
🎨

CSS

GA

CSS contrast-color() reaches Baseline — available across all major browsers

With Chrome 147 (April 7), contrast-color() landed in all major engines: Chrome, Firefox, and Safari. It is now Baseline Newly Available. The function returns black or white based on which provides higher contrast against a given color — great for dynamic text on variable backgrounds without JavaScript. Useful for design tokens with theming and automatic accessibility. Safe to use in production today, no polyfill needed.

24 Apr 2026
web.dev →
Minor

Firefox 150 CSS: animation-range, revert-rule, color-mix with multiple colors and more

Firefox 150 adds solid CSS features: animation-range-start and animation-range-end for controlling scroll-driven animation timelines, the revert-rule keyword to roll back the cascade to the previous rule (similar to revert-layer), color-mix() with multiple colors, and light-dark() with image values. Also overscroll-behavior now works correctly on elements with overflow: hidden. Solid CSS week.

21 Apr 2026
developer.mozilla.org →
🌐

HTML / Web Platform

Notable

Firefox 150: ariaNotify() as alternative to ARIA live regions and media pseudo-classes

ariaNotify() is the accessibility API developers have been waiting for: announces messages to screen readers more ergonomically and reliably than ARIA live regions, without the timing gotchas. Firefox 150 also ships media pseudo-classes :buffering, :paused, and :playing for <audio> and <video> elements, enabling declarative styling of playback state. And sizes="auto" greatly simplifies lazy-loaded responsive image setup.

21 Apr 2026
web-standards.dev →
🔧

Build Tools & Runtimes

Patch

Vite 8.0.10: Rolldown updated to rc.17, HMR and CSS minification fixes

Vite 8.0.10 (April 23) updates Rolldown to rc.17 and fixes HMR logging, CSS minification warnings, and optimizer configuration. It follows 8.0.9 (April 20) which improved dev server reliability, safer HMR handling, Deno workspace root detection, and multiple build and optimizer fixes. Both are maintenance releases of the Vite 8.x series on top of the Rust-based Rolldown engine. No breaking changes — safe to update.

23 Apr 2026
github.com/vitejs/vite →
🧩

JS Frameworks

Patch

Angular 21.2.10: maintenance patch in the active Angular 21 branch

Angular 21.2.10 landed on April 22 as a maintenance patch in the 21.x branch. Angular 21 introduced zoneless change detection as default, deprecated Zone.js, and replaced Webpack with esbuild in the CLI. The 21.2.x series accumulates stability fixes on top of that base. If you are on Angular 21, update to 21.2.10 for the latest patches.

22 Apr 2026
github.com/angular/angular →
🔥

Top Stories

Release

Firefox 150 stable: animations scroll-driven, ariaNotify() et 271 vulnérabilités corrigées

Firefox 150 est sorti le 21 avril avec un solide payload web platform: support complet de animation-range-start et animation-range-end pour les animations scroll-driven, la nouvelle méthode ariaNotify() comme alternative fiable aux ARIA live regions, et sizes="auto" pour les images lazy-loaded. Il corrige également 271 vulnérabilités. Améliorations UX: Split View amélioré, copie de tabs multiples avec titre et URL, éditeur PDF avec réorganisation de pages et traductions hors ligne.

21 Apr 2026
firefox.com →
Notable

web.dev résume les nouveautés de la plateforme web en avril 2026

Le bilan mensuel de web.dev publié le 24 avril confirme: CSS contrast-color() est maintenant Baseline (disponible dans tous les engines avec Chrome 147), view transitions d'éléments individuels, l'attribut path sur SVG <textPath>, et modulepreload pour JSON et feuilles de style. Plus les features développeur de Firefox 150.

24 Apr 2026
web.dev →
🎨

CSS

GA

CSS contrast-color() atteint le Baseline — disponible dans tous les navigateurs majeurs

Avec Chrome 147 (7 avril), contrast-color() est disponible dans tous les moteurs: Chrome, Firefox et Safari. C'est maintenant Baseline Newly Available. La fonction retourne black ou white selon lequel offre le plus grand contraste — parfait pour du texte dynamique sur des fonds variables sans JavaScript. Utilisable en production sans polyfill.

24 Apr 2026
web.dev →
Mineur

Firefox 150 CSS: animation-range, revert-rule, color-mix avec plusieurs couleurs et plus

Firefox 150 ajoute de solides fonctionnalités CSS: animation-range-start et animation-range-end pour contrôler les animations scroll-driven, le mot-clé revert-rule pour revenir en cascade à la règle précédente, color-mix() avec plusieurs couleurs et light-dark() avec des valeurs d'image. Bonne semaine pour CSS.

21 Apr 2026
developer.mozilla.org →
🌐

HTML / Web Platform

Notable

Firefox 150: ariaNotify() comme alternative aux ARIA live regions et pseudo-classes media

ariaNotify() est l'API d'accessibilité que les développeurs attendaient: annonce des messages aux lecteurs d'écran de façon plus ergonomique et fiable que les ARIA live regions. Firefox 150 ajoute aussi les pseudo-classes media :buffering, :paused et :playing pour <audio> et <video>, permettant un styling déclaratif de l'état de lecture. Et sizes="auto" simplifie grandement les images responsive lazy-loaded.

21 Apr 2026
web-standards.dev →
🔧

Build Tools & Runtimes

Patch

Vite 8.0.10: Rolldown mis à jour vers rc.17, correctifs HMR et minification CSS

Vite 8.0.10 (23 avril) met à jour Rolldown vers rc.17 et corrige le logging HMR, les avertissements de minification CSS et la configuration de l'optimiseur. Suivi de la 8.0.9 (20 avril) qui améliorait la stabilité du dev server, la gestion HMR, la détection de la racine des workspaces Deno. Pas de breaking changes — mise à jour sûre.

23 Apr 2026
github.com/vitejs/vite →
🧩

JS Frameworks

Patch

Angular 21.2.10: patch de maintenance dans la branche active Angular 21

Angular 21.2.10 est sorti le 22 avril comme patch de maintenance dans la branche 21.x. Angular 21 a introduit la détection de changements zoneless par défaut, déprécié Zone.js et remplacé Webpack par esbuild dans le CLI. La série 21.2.x accumule des correctifs de stabilité. Si vous êtes sur Angular 21, mettez à jour vers la 21.2.10.

22 Apr 2026
github.com/angular/angular →