Tag Chrome
Tìm kiếm bài viết trong Tag Chrome
Workbox TypeScript - Unpacking the Workbox
In this episode of Unpacking the Workbox, we’re going to start with a basic online only web app and walk through the steps required to add a Workbox powered service worker that will allow it to work o
0 0 22
New in Chrome 97: Web Transport, Script type Detection, and more!
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 browse
0 0 24
Record and replay user flow with the Recorder panel - DevTools Tips
Learn how to record, replay and audit user flows with the Recorder panel in DevTools. 0:00 - Intro. 0:17 - Start a new recording. 0:34 - Record a user flow.
0 0 28
Responsive images & art direction - Designing in the Browser
Welcome back to Designing in the Browser with Developer Relations Engineer, Una Kravets. In this episode, we will learn all about responsive images and art direction, including how to optimize your ar
0 0 12
Authoring colors with DevTools - DevTools Tips
Let’s take a look at some of the color features in DevTools. CSS Overview → https://goo.gle/css-overview. .
0 0 23
Choosing the right caching strategy - Unpacking the Workbox
There are many options for using caches to improve performance in your web app, you can use different strategies for different types of assets and Workbox (https://goo.gle/workboxjs) provides a set of
0 0 17
Dark Mode - Designing in the Browser
On this episode of Designing in the Browser, we’re going to take a look at dark mode with our host Una Kravets. Tooling Report → https://goo.gle/3s4i0OA. Houdini.
0 0 9
Adapting caching to your needs - Unpacking the Workbox
Caches are fundamental to creating a fast, responsive experience for web apps, but designing a cache strategy for your app can get really complex. In this video you’ll learn the differences between pr
0 0 24
Macro & micro layouts - Designing in the Browser
In this episode of Designing in the Browser, we will be elaborating on some concepts introduced in the Container Queries episode and expanding beyond on how to use container queries into the question
0 0 11
Offline fallback page - Unpacking the Workbox
With service workers it is possible to implement an offline experience for our web app, but there are cases, when the user is offline, that all our app does is display a message letting the user know
0 0 23
Container queries - Designing in the Browser
Container queries are an experimental API that unlocks intrinsic component-level styling based on an element’s containing parent. This episode goes over how to use container queries, to highlight the
0 0 8
Faster DevTools navigation with shortcuts and settings - DevTools Tips
Sharing some useful shortcuts and settings for quicker DevTools navigation. 0:08 - Shortcut to open the Drawer and more tabs.
0 0 23
Designcember is coming!
Chrome Dev Summit may be over, but Designcember is near! We’ve got a slew of design and UI-related content launching for you every day in the month of December to celebrate the fluid and flexible new
0 0 4
SVGcode: A PWA to convert raster images to SVG vector graphics
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
0 0 9
New in Chrome 96: Improvements for installed PWAs, Priority Hints, and more!
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 aut
0 0 19
RenderingNG: The next-generation rendering architecture for Chrome
RenderingNG is a re-architecture of the entire rendering pipeline of Chrome, for greatly improved reliability, scalability and extensibility. Listen in to find out how it works and why it makes the we
0 0 10
Identify potential CSS improvements with the CSS Overview panel - DevTools Tips
Better understand your page’s CSS and identify potential CSS improvements with the CSS Overview panel in Chrome DevTools. . Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs .
0 0 34
New in Chrome 95: URLPattern, the Eye Dropper API, new origin trials, and more!
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
0 0 30
New in Chrome 94: Color management for canvas, WebCodecs, WebGPU, and more!
Chrome 94 is rolling out now! The default color space for canvas elements is now formally defined as sRBG, and you can change it to Display P3. There’s a new, low level way to access built in audio an
0 0 25
New in Chrome 93: CSS Module Scripts, URL Handlers for PWAs, the PWA Summit, and more!
Chrome 93 is rolling out now! You can now load CSS style sheets with import statements, just like JavaScript modules. Installed PWAs can register as URL handlers, making it possible for users to jump
0 0 19