DEV·2yWhat's new in Web Dev this month?
The web development landscape has recently introduced several updates, including new Set methods in JavaScript, advanced gradient color interpolation in CSS, and experimental AI capabilities in Chrome Canary. Additionally, ECMAScript 2024 has been approved, featuring new ways to handle promises. These updates enhance code efficiency, creative control, and interactive web application possibilities.
web.dev·2yCSS font-size-adjust is now in Baseline
The CSS property 'font-size-adjust' has been integrated into Chrome, enhancing web font interoperability as part of the Interop 2024 initiative. This improvement helps prevent layout shifts and improves the legibility of fallback fonts, particularly at smaller sizes. The property adjusts the sizing of fallback fonts to better match the initially specified font, using metrics like 'ex-height' and 'ch-width' to enhance consistency and readability across different fonts.
Web Dev Simplified·2yHow To Debug In VSCode In 1 Minute
Learn how to debug your code line by line directly in VSCode. The guide explains the process of setting up debugging for a web application running on localhost, including how to create a configuration file and use the debugger to step through code and hit breakpoints efficiently.
Chrome Developers·2yWhat's happening in Chrome Extensions?
The first half of the year saw numerous updates to the Chrome Extensions platform, including the phase-out of Manifest V2, expedited reviews for safe updates using the Declarative Net Request API, and the introduction of a new action.openPopup API available to all extensions. Chrome 126 introduced origin trials in extensions, and developers interacting with YouTube must migrate to Trusted Types by July 2024. Updates also include changes to the side panel UI and new documentation on content filtering and partial rollouts.
Community Picks·2yGet Access to Gemini Nano Locally Using Chrome Canary
Gemini Nano, a streamlined version of the Gemini AI model, is now accessible locally using Chrome Canary. This AI model processes data on-device, enhancing privacy, speed, and offline capabilities. Chrome Canary, an experimental version of Google Chrome, allows users to test cutting-edge features. To use Gemini Nano, users must enable certain flags in Chrome Canary and ensure proper setup.
Community Picks·2yMicrosoft Edge vs Google Chrome: Is it finally time to switch browsers?
Choosing an internet browser is essential due to their role as gateways to the internet. Despite Google Chrome's reputation for heavy RAM usage, many users hesitate to switch even as Microsoft Edge introduces new features like ChatGPT-based AI. Both browsers are built on Chromium and are similar in functionality, but Edge offers unique features like a Sidebar, Vertical Tabs, and Edge Drop for file sharing. While Chrome excels in seamless Google ecosystem integration, Edge can significantly reduce RAM usage and offers more robust privacy settings. However, both browsers come with their own strengths, and choosing between them often depends on personal preferences and ecosystem dependence.
Lobsters·2yI'm Funding Ladybird Because I Can't Fund Firefox
The author advocates for funding alternative web browsers like Ladybird due to Chrome's market dominance and Mozilla's controversial revenue-raising strategies. They argue that a healthy browser ecosystem is essential to prevent any single entity from controlling web standards. Despite Mozilla's significant revenue from Google, they have failed to allow direct user funding for Firefox, leading the author to support Ladybird instead.
Chrome Developers·2yNew in Chrome 127
Chrome 127 introduces improvements for developers including the `font-size-adjust` CSS property for better fallback font legibility, user activation propagation between picture-in-picture documents and their opener, and making scroll containers keyboard focusable by default to enhance accessibility.