Thinking on ways to solve TOASTS
In today's GUI Challenge, @AdamArgyleInk shares thinking on a way to build toasts, a non-interactive and passive component for UI to provide user feedback.
21 102
9.1
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
25 467
10.3
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
11 618
13.2
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.
38 702
9.3
Faster DevTools navigation with shortcuts and settings #DevToolsTips
Sharing some useful shortcuts and settings for quicker DevTools navigation.
69 946
38.3
The fundamentals of CSS layout | Workshop
Learn about the key CSS layout methods of flexbox and grid.
75 128
10.5
Building a web application in Angular | Workshop
Let's have some fun and build an application in Angular inspired by vacation rental apps.
16 226
18.2
Enhance accessibility in your Angular builds | Workshop
Get started developing with accessibility in mind in this Angular workshop.
4 114
18.7
Launching your PWA to Google Play Store | Workshop
Android and Chrome OS users turn to the Play Store to discover and review apps, but this has usually meant Android apps.
6 621
26.9
Security and usability with cross-origin isolation | Workshop
Discover why, what, and how to enable cross-origin isolation, including some updates to the specification.
1 970
18.4
Faster loading times with AVIF images | Workshop
Images account for more than 60% of the bytes on average needed to load a web page. Using AVIF, you can make your images smaller and make your website load faster.
4 441
22.7
Build user-adaptive interfaces | Workshop
Users have indicated many preferences on their devices these days. They want the operating system and apps to look and feel like their own.
12 375
11.3
Two-factor authentication workshop with WebAuthn | Workshop
Learn step-by-step how to implement two-factor authentication with WebAuthn and a security key. WebAuthn is a web API that enables creating public key-based credentials for strong authentication.
4 335
19.4
Bringing bounce and elastic easing to CSS | HTTP 203
You can ease-in, you can ease-out, but CSS doesn't let you bounce. Jake and Surma chat about a proposal to fix that.
14 312
7.3
Designcember is coming!
Chrome Dev Summit may be over, but Designcember is near!
11 983
9.9
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.
13 955
8.7
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.
33 580
14.6
Building a more private web
The latest updates on the Privacy Sandbox and the new technologies under development for a new modern, privacy-focused web.
9 708
24.5
The new responsive design
Join us as we discuss the latest updates on UI styling, DevTools, and the evolution of responsive design.
295 426
8.4
Understanding performance with Core Web Vitals
Learn how the Web Vitals initiative gives developers the metrics, tools, and guidance they need to deliver a great experience for every user.
25 231
14.4
How leading developers build innovative web experiences
Discover how leading developers including Kapwing, Zoom, YouTube, and Adobe have built innovative user experiences with the latest web capabilities.
8 995
12.5
Chrome 96 - What’s New in DevTools
What’s new in DevTools (Chrome 96) → goo.gle/3HkAbV6 Identify potential CSS improvements with the CSS Overview panel: goo.gle/css-overview Send us feedback on CSS Overview panel
61 875
33.4
Thinking on ways to solve 3D MENU
In today's GUI challenge @AdamArgyleInk shares his thinking on a way to create a 3D video game menu that adapts to OS color preferences, motion preferences, and is accessible to mouse and keyboards
14 143
9.1
Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203
Jake and Surma use a Joy-Con as a slide clicker because they're cheapskates. Here's how it works, and the coding patterns they use.
22 820
9.2
#AskChrome at Chrome Dev Summit 2021
Chrome Dev Summit attendees asked Google leaders their questions around troubleshooting, building great web experiences, and the future of Chrome in this live ask-me-anything (AMA) session.
4 556
17.1
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.
41 946
13
Chrome Dev Summit 2021 recap
Watch the highlights of Chrome Dev Summit 2021, including how we're making the web more private, adding new capabilities, and new tools to build beautiful user experiences.
16 017
11.3
Chrome Dev Summit 2021 | Keynote: What's new in Chrome
Join us to learn about new guidance and platform updates, discover tools to build better user experiences, listen to how we're making the web more private, and hear from developers making the most
1 238 624
909.1
Customize media notifications and playback controls outside the browser
to learn more about the Media Session API. Tweet us → twitter.com/chromiumdev Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #ChromeDeveloper #WebDev #DevTools
7 288
7.2