{"id":4963,"date":"2024-03-22T19:32:10","date_gmt":"2024-03-22T18:32:10","guid":{"rendered":"https:\/\/www.hostingtg.com\/blog\/?p=4963"},"modified":"2024-03-22T19:32:12","modified_gmt":"2024-03-22T18:32:12","slug":"chrome-123","status":"publish","type":"post","link":"https:\/\/www.hostingtg.com\/blog\/chrome-123\/","title":{"rendered":"Chrome 123 llega con novedades para desarrolladores"},"content":{"rendered":"\n

La llegada de Chrome 123<\/strong> marca una nueva era en el desarrollo web, ofreciendo un conjunto de herramientas y mejoras que prometen revolucionar la forma en que trabajamos en la web. Este lanzamiento no solo se trata de actualizaciones rutinarias; es una verdadera evoluci\u00f3n que abre puertas a nuevas posibilidades creativas y t\u00e9cnicas.<\/p>\n\n\n\n

Entre las caracter\u00edsticas m\u00e1s emocionantes se encuentra la implementaci\u00f3n de nuevas funcionalidades en CSS<\/strong>, como la funci\u00f3n light-dark()<\/code>, que simplifica el dise\u00f1o de sitios web que se adaptan<\/a> al esquema de colores elegido por el usuario, ya sea claro u oscuro. Esta actualizaci\u00f3n refleja una comprensi\u00f3n profunda de la importancia de la personalizaci\u00f3n y la experiencia del usuario en el dise\u00f1o web moderno.<\/p>\n\n\n\n

\"auto<\/a><\/figure>\n\n\n\n

Adem\u00e1s, Chrome 123 enriquece el ecosistema de las Web APIs<\/strong> con funcionalidades avanzadas que potencian la creaci\u00f3n de experiencias web m\u00e1s seguras<\/strong>, interactivas y eficientes. Por ejemplo, la capacidad de crear credenciales WebAuthn en iframes de origen cruzado facilita la implementaci\u00f3n de procesos de autenticaci\u00f3n m\u00e1s robustos y flexibles, una mejora significativa para desarrolladores enfocados en la seguridad y la privacidad de los usuarios.<\/p>\n\n\n\n

Por otro lado, las mejoras en WebGPU<\/strong> abren un nuevo horizonte para el procesamiento gr\u00e1fico y computacional en la web. Con mejoras significativas en el rendimiento y la eficiencia, especialmente en el \u00e1mbito del aprendizaje autom\u00e1tico y la IA, Chrome 123 establece un nuevo est\u00e1ndar para el desarrollo de aplicaciones web complejas y de alta demanda computacional.<\/p>\n\n\n\n

Chrome 123 Novedades en CSS<\/h2>\n\n\n\n

Las novedades en CSS<\/strong> con Chrome 123 son un claro ejemplo de c\u00f3mo la web sigue evolucionando<\/a> para satisfacer tanto las necesidades de los desarrolladores como las expectativas de los usuarios. En esta actualizaci\u00f3n, Chrome introduce caracter\u00edsticas que no solo hacen que nuestras p\u00e1ginas sean m\u00e1s atractivas visualmente, sino que tambi\u00e9n facilitan su adaptaci\u00f3n a diferentes esquemas de color y dispositivos.<\/p>\n\n\n\n

La introducci\u00f3n de la funci\u00f3n light-dark()<\/code> es, sin duda, un avance significativo. Esta funci\u00f3n permite especificar dos valores de color dentro de una sola propiedad CSS, lo que hace que adaptar nuestros sitios al esquema de color preferido por el usuario (claro u oscuro) sea m\u00e1s sencillo que nunca. Esta caracter\u00edstica es un gran paso adelante en la personalizaci\u00f3n del usuario, permitiendo que los dise\u00f1os de nuestros sitios web sean verdaderamente din\u00e1micos y reactivos a las preferencias del usuario.<\/p>\n\n\n\n

Otra adici\u00f3n emocionante es el soporte para el modo de visualizaci\u00f3n picture-in-picture<\/strong> a trav\u00e9s de las media queries. Esto abre nuevas posibilidades para dise\u00f1ar experiencias espec\u00edficas cuando parte de la aplicaci\u00f3n web se muestra en este modo, permitiendo una integraci\u00f3n m\u00e1s fluida de video y otros contenidos multimedia en la narrativa de nuestro sitio.<\/p>\n\n\n\n

El soporte ampliado de la propiedad align-content<\/code> para contenedores de bloque y celdas de tabla representa otro avance importante. Anteriormente limitada a \u00edtems de flexbox y grid, esta propiedad nos brinda m\u00e1s control sobre c\u00f3mo se alinea el contenido dentro de diferentes tipos de contenedores, mejorando la coherencia y la flexibilidad del dise\u00f1o sin comprometer la accesibilidad.<\/p>\n\n\n\n

La propiedad field-sizing<\/code> es otra innovaci\u00f3n notable. Nos permite desactivar los tama\u00f1os predeterminados de los controles de formulario y hacer que su tama\u00f1o dependa del contenido. Esto es especialmente \u00fatil para crear campos de texto que crecen autom\u00e1ticamente<\/a>, mejorando la usabilidad y la est\u00e9tica de los formularios en nuestras p\u00e1ginas web<\/a>.<\/p>\n\n\n\n

Finalmente, la propiedad text-spacing-trim<\/code> trae mejoras en la tipograf\u00eda para idiomas como el chino, japon\u00e9s y coreano, ajustando el espaciado entre caracteres de puntuaci\u00f3n para lograr una presentaci\u00f3n m\u00e1s pulida y profesional. Este es un claro ejemplo de c\u00f3mo las mejoras en CSS no solo se centran en la funcionalidad, sino tambi\u00e9n en la belleza del contenido web, reconociendo la importancia de la tipograf\u00eda en la experiencia del usuario.<\/p>\n\n\n\n

\"chrome\"<\/a><\/figure>\n\n\n\n

Actualizaciones en Web APIs en Chrome 123<\/h2>\n\n\n\n

Las actualizaciones en Web APIs<\/strong> con el lanzamiento de Chrome 123 no solo son emocionantes sino tambi\u00e9n transformadoras. Nos ofrecen la posibilidad de mejorar significativamente la interactividad, la seguridad y la accesibilidad de nuestros sitios web y aplicaciones. Aqu\u00ed, me gustar\u00eda sumergirnos en algunas de las mejoras m\u00e1s notables y c\u00f3mo pueden influir en nuestro trabajo.<\/p>\n\n\n\n

Primero, la capacidad de crear credenciales WebAuthn en iframes de origen cruzado<\/strong> es una adici\u00f3n bienvenida. Esta mejora es un gran paso adelante para los sitios que utilizan iframes para integrar contenido de terceros, como procesos de autenticaci\u00f3n. Ahora, podemos ofrecer una experiencia de usuario m\u00e1s segura y fluida, simplificando la creaci\u00f3n de credenciales sin sacrificar la seguridad. Esta actualizaci\u00f3n abre nuevas avenidas para el dise\u00f1o de experiencias de usuario m\u00e1s integradas y seguras.<\/p>\n\n\n\n

Otra actualizaci\u00f3n que merece menci\u00f3n es el paquete de caracter\u00edsticas de informes de atribuci\u00f3n<\/strong>. Esta herramienta nos permite personalizar datos de disparo y filtrar valores agregables, lo que es crucial para comprender mejor la eficacia de nuestras campa\u00f1as de marketing y esfuerzos de publicidad en l\u00ednea. Al permitir una configuraci\u00f3n m\u00e1s detallada para los informes de eventos y res\u00famenes, Chrome 123 facilita a los desarrolladores y marketers medir con precisi\u00f3n el retorno de inversi\u00f3n de sus campa\u00f1as digitales.<\/p>\n\n\n\n

La extensi\u00f3n de la API de Reporting de Atribuci\u00f3n<\/strong> para medir conversiones que ocurren en la web a eventos que suceden fuera del navegador es un avance notable. Esta caracter\u00edstica refleja una comprensi\u00f3n profunda de la naturaleza omnicanal del comportamiento del consumidor en la actualidad. Al permitir la atribuci\u00f3n de conversiones en la web a eventos en aplicaciones fuera del navegador, Chrome 123 nos ayuda a cerrar el bucle entre las interacciones online y offline, proporcionando una vista m\u00e1s completa del viaje del cliente.<\/p>\n\n\n\n

El cambio en <script blocking=\"render\"><\/code> elimina una restricci\u00f3n innecesaria, permitiendo a los scripts de m\u00f3dulo en l\u00ednea que importan otros scripts bloquear el renderizado. Esta es una mejora t\u00e9cnica, pero su impacto en la velocidad y el rendimiento de carga de p\u00e1ginas puede ser significativo. Al facilitar la escritura de scripts de bloqueo de renderizado, los desarrolladores pueden tener m\u00e1s control sobre c\u00f3mo y cu\u00e1ndo se cargan los recursos, lo que puede llevar a una mejora en la percepci\u00f3n del usuario sobre la velocidad de carga del sitio.<\/p>\n\n\n\n

Finalmente, la actualizaci\u00f3n sobre acceso privado a la red para solicitudes de navegaci\u00f3n<\/strong> marca una evoluci\u00f3n importante en la protecci\u00f3n de la red privada del usuario. Aunque en modo solo advertencia, esta caracter\u00edstica prepara el terreno para futuras implementaciones que reforzar\u00e1n la seguridad, alertando a los desarrolladores sobre las pr\u00e1cticas que podr\u00edan comprometerla.<\/p>\n\n\n\n

\"chrome<\/a><\/figure>\n\n\n\n

Mejoras en WebGPU<\/h2>\n\n\n\n

Las mejoras en WebGPU<\/strong> introducidas con Chrome 123 representan un salto cualitativo en las capacidades de procesamiento gr\u00e1fico y computacional directamente desde el navegador. Estas actualizaciones son cruciales no solo para desarrolladores de juegos y aplicaciones interactivas, sino tambi\u00e9n para aquellos que trabajan en simulaciones cient\u00edficas, visualizaci\u00f3n de datos, y aprendizaje autom\u00e1tico.<\/p>\n\n\n\n

Una de las caracter\u00edsticas m\u00e1s destacadas es el soporte para funciones DP4a en WGSL<\/strong>. Esta funcionalidad acelera significativamente el procesamiento de modelos de machine learning cuantificados en int8, un tipo de datos que es esencial para inferencias r\u00e1pidas y eficientes en dispositivos m\u00f3viles y de escritorio. La inclusi\u00f3n de DP4a facilita la integraci\u00f3n de capacidades de IA avanzadas en aplicaciones web, mejorando tanto la eficiencia como el rendimiento.<\/p>\n\n\n\n

La actualizaci\u00f3n tambi\u00e9n introduce par\u00e1metros de puntero sin restricciones en WGSL<\/strong>, ampliando las posibilidades de manipulaci\u00f3n de datos dentro de los shaders. Esta mejora es particularmente importante para aplicaciones que requieren un alto grado de interacci\u00f3n con grandes conjuntos de datos o recursos gr\u00e1ficos, como los juegos en 3D o las aplicaciones de realidad aumentada.<\/p>\n\n\n\n

Adem\u00e1s, se ha a\u00f1adido acceso a compuestos con punteros<\/strong> en WGSL, simplificando el c\u00f3digo necesario para trabajar con estructuras de datos complejas. Esto no solo hace el c\u00f3digo m\u00e1s legible y f\u00e1cil de mantener, sino que tambi\u00e9n reduce la probabilidad de errores, permitiendo a los desarrolladores centrarse en la l\u00f3gica de sus aplicaciones en lugar de en la gesti\u00f3n de la memoria.<\/p>\n\n\n\n

Otra innovaci\u00f3n significativa es la posibilidad de manejar de manera independiente los aspectos de lectura-escritura de los buffers de profundidad y est\u00e9ncil<\/strong>, lo que permite t\u00e9cnicas de renderizado m\u00e1s complejas sin comprometer el rendimiento. Esta flexibilidad es crucial para aplicaciones que dependen de t\u00e9cnicas avanzadas de sombreado y renderizado, como los simuladores de f\u00edsica o los motores de juegos.<\/p>\n\n\n\n

Por \u00faltimo, pero no menos importante, las actualizaciones de Dawn<\/strong>, el backend de WebGPU en Chrome, aseguran que los desarrolladores tengan acceso a las \u00faltimas mejoras en el rendimiento y la estabilidad de la API. Esto es especialmente relevante para aquellos que est\u00e1n empujando los l\u00edmites de lo que es posible en la web, ofreciendo experiencias de usuario m\u00e1s ricas y envolventes.<\/p>\n","protected":false},"excerpt":{"rendered":"

La llegada de Chrome 123 marca una nueva era en el desarrollo web, ofreciendo un conjunto de herramientas y mejoras que prometen revolucionar la forma en que trabajamos en la web. Este lanzamiento no solo se trata de actualizaciones rutinarias; es una verdadera evoluci\u00f3n que abre puertas a nuevas posibilidades creativas y t\u00e9cnicas. Entre las […]<\/p>\n","protected":false},"author":1,"featured_media":4965,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias"],"_links":{"self":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts\/4963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/comments?post=4963"}],"version-history":[{"count":2,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts\/4963\/revisions"}],"predecessor-version":[{"id":4969,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts\/4963\/revisions\/4969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/media\/4965"}],"wp:attachment":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/media?parent=4963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/categories?post=4963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/tags?post=4963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}