TebeVxw95RI new-in-chrome-48-notification-buttons-security-panel-presentation-mode New in Chrome 48 | Notification Buttons | Presentation Mode Chrome 48 allows users to take immediate action on notifications with custom buttons. The new Developer Tools Security panel makes it easier to debug mixed content issues and ensure your site is properly served over HTTPS. B4_vT99pBaM new-in-chrome-109-opfs-on-android-new-css-properties New in Chrome 109 | OPFS on Android, new css properties Chrome 109 is rolling out now! The Origin Private File System API is now available for Android, there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more. E72r3FN9X1k new-in-chrome-108-new-viewport-size-units-and-colrv1-support New in Chrome 108 | New viewport size units and COLRv1 Chrome 108 is rolling out now! It is easier to create adaptive UIs with new viewport size units.Color vector fonts now include support for variable fonts. The methods in the interface FileSystemSyncAccessHandle, part of the file system Access API, are now synchronous. And there’s plenty more. WieUZ9YeD7o new-in-chrome-107-better-screen-sharing-render-blocking-and-more New in Chrome 107 | Better Screen Sharing and more! Chrome 107 is rolling out now! There are new properties in the Screen Capture API that improve the screen sharing experiences. You can now precisely identify whether a resource on your page is render blocking or not. There is a new way to send data to a backend server with the declarative PendingBeacon API in origin trial. And there’s plenty more. qwdN1fJA_d8 new-in-chrome-105-container-queries-and-more New in Chrome 105 | Container Queries and More! Chrome 105 is rolling out now! Container queries and :has() are a match made in responsive heaven. The new Sanitizer API provides a robust processor for arbitrary strings to help reduce cross site scripting vulnerabilities. We’re taking another step towards deprecating WebSQL. And there's plenty more. GIt-g0nkt8w new-in-chrome-104-region-capture-media-queries-transitions New in Chrome 104 | Region Capture, Transitions Chrome 104 is rolling out now! With region capture, you can now specify a crop area when using getDisplayMedia to capture the current tab. Media query syntax can be written using mathematical comparison operators. Shared Element Transitions start a new origin trial. And there's plenty more. e8LUoJClVo4 new-in-chrome-103-http-103-early-hints-local-font-access New in Chrome 103 | HTTP 103 Early Hints | Local Font Access Chrome 103 is rolling out now! There’s a new HTTP status code that helps the browser decide what content to preload before the page has even started to arrive. The Local Font Access API gives web applications the ability to enumerate and use fonts installed on the user’s computer. There’s an easier way to implement timeouts on asynchronous APIs. And there’s plenty more! AGyP85QEBzY new-in-chrome-102-pwas-as-file-handlers-navigation-api New in Chrome 102 | PWAs as File Handlers | Navigation API Installed PWAs can register as file handlers, making it easy for users to open files directly from disk. The inert attribute allows you to mark parts of the DOM as inert. The navigation API makes it easier for single page apps to handle navigation and updates to the URL. And there’s plenty more! cgKUMRPAliw the-history-api-is-dead-long-live-the-navigation-api The history API is dead. Long live the navigation API In this episode, Cassie (from Greensock) and Jake (not from Greensock) sit down to chat about the new Navigation API, which replaced the old and busted History API. JCJUPJ_zDQ4 chrome-bringing-page-transitions-to-the-web Chrome | Bringing Page Transitions to the Web Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating transitions between pages on the web is impossible. In-page transitions are possible, but complex. The good news: new APIs are coming to simplify this process, building on top of CSS animations and the web animation API, and it works across navigations! u9GRAliBrM8 chrome-101-whats-new-in-devtools Chrome 101 | What’s New in DevTools What’s new in DevTools (Chrome 101) GDzzIlRhEzM thinking-on-ways-to-solve-dialog Thinking on ways to solve Dialog In today's GUI Challenge, @Adam Argyle shows how to visually enhance the dialog element while maintaining great accessible and international UX. VK7oR5vLluk new-in-chrome-100-multi-screen-window-placement-api-and-more New in Chrome 100 | Multi-screen window placement API, and more! Chrome 100 is rolling out now with a three digit version number. There are some important changes to the user agent string. The Multi-Screen Window Placement API makes it possible to enumerate the displays connected to a user’s machine, and place windows on specific screens. h3mzFraS8CA new-in-chrome-99-css-cascade-layers-show-picker-and-more New in Chrome 99 | CSS Cascade Layers, Show Picker, and more! Chrome 99 is rolling out now! CSS cascade layers gives you more control over your CSS, and helps to prevent style-specificity conflicts. The showPicker method allows you to programmatically show a browser picker for input elements like date, color, and datalist. Version 100 of Chrome *and* Firefox is just weeks away. And there’s plenty more! VLjOIiOt7Do new-in-chrome-98-per-element-opt-out-for-auto-dark New in Chrome 98 | Per-element opt-out for auto-dark Chrome 98 is rolling out now! If you’ve signed up for the Auto Dark Theme Origin Trial, there’s a new way to opt out at a per element level. There’s now support for COLRv1, an evolution of the COLRv0 font format. And there’s plenty more. eXaog4gUIXI new-in-chrome-97-web-transport-script-type-detection New in Chrome 97 | Web Transport, Script type Detection Chrome 97 is rolling out now! There’s a new option for sending real time messages between the client and server using Web Transport. You can use feature detection to see what types of scripts a browser supports. JavaScript gets better, and there’s plenty more rMUayh1QPYs record-and-replay-user-flow-with-the-recorder-panel Record and Replay User Flow with the Recorder Panel Learn how to record, replay and audit user flows with the Recorder panel in DevTools. PPukHsOH_BI new-in-chrome-96-improvements-for-installed-pwa-s New in Chrome 96 | Improvements for installed PWA's Chrome 96 is rolling out now! There are two new properties in the web app manifest. The id property allows you to specify a unique ID for your PWA, and the protocol_handlers property allows you to automatically register your PWA as a protocol handler upon installation. There’s a new origin trial that allows you to specify priority hints for downloading resources. And there's plenty more! Qq4rRt8BNjM new-in-chrome-95-routing-urlpattern-eye-dropper-api New in Chrome 95 | Routing, URLPattern, Eye Dropper API Chrome 95 is rolling out now! Routing gets easier with URLPattern baked into the browser, the Eye Dropper API provides a built in tool for selecting colors, there’s a new origin trial that allows you to opt into receiving the reduced UA string now, and there’s plenty more. c5XIDt90VgY new-in-chrome-94-webgpu-color-management-webcodecs New in Chrome 94 | WebGPU | Color Management | WebCodecs Chrome 94 is rolling out now! R5RUVO_g2NI new-in-chrome-93-url-handlers-for-pwas-pwa-summit New in Chrome 93 | URL Handlers for PWAs | PWA Summit Chrome 93 is rolling out now! vy6FXa0n1r0 new-in-chrome-91-file-system-access-api-google-io New in Chrome 91 | File System Access API | Google IO Chrome 91 is rolling out now. Web apps that interact with files, can now suggest file names and directories when using the file system access API and you can now read files from the clipboard. tGgIC_MXiJs google-chrome-90-best-new-features Google Chrome 90 | Best New Features If you use Chrome you'll want to stay up to date on the latest new features... h3MONldIoNM new-in-chrome-90-overflow-clip-permissions-policy-and-more New in Chrome 90 | Overflow Clip, Permissions Policy & more! Chrome 90 is rolling out now! There’s a new value for the CSS overflow property. The Feature Policy API has been renamed to Permission Policy. And there’s a new way to implement and use Shadow DOM directly in HTML. Plus there’s plenty more. O-gv6zLZHKw new-in-chrome-89-nfc-pwa-installability-changes-and-more New in Chrome 89 | NFC, PWA Installability changes and more! Chrome 89 is rolling out now! Web HID, Web NFC, and Web Serial have graduated from their origin trials and are now available in stable. We’re closing a loop-hole a few developers used to skirt the PWA installability checks. Web Share, and Web Share Target arrive on the desktop. And there’s plenty more. VtaRYSBIbU4 chrome-89-whats-new-in-devtools Chrome 89 | What’s New in DevTools You’re not seeing double! We published this episode in English and in Jecelyn’s mother language Cantonese as part of our Mother Language Day series. cqAO2xR7lzM new-in-chrome-88-manifest-v3-aspect-ratio-digital-goods-api-and-more New in Chrome 88 | Manifest v3, aspect-ratio, digital goods API Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element. You can now use Play Billing in your Trusted Web Activity, and there’s plenty more. 3tUXV_n3yng chrome-88-whats-new-in-devtools Chrome 88 | What’s New in DevTools CSS Angle and Web Vitals NCKMMzVn1c8 new-in-chrome-87-camera-ptz-sw-requests-and-more New in Chrome 87 | Camera PTZ | SW Range Requests and more! Chrome 87 is rolling out now! You can now control pan, tilt, and zoom on webcams that support it, range requests and service workers don’t require as many workarounds, the font access API starts it’s origin trial, and plenty more. uIgOKgZTxsg google-chrome-86-best-new-features Google Chrome 86 | Best New Features If you use Chrome you'll want to stay up to date on the latest new features...