In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices.
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.
New to DevTools in Chrome 88: What’s new in DevTools (Chrome 88) → goo.gle/3owkBMr CSS Angle documentation → goo.gle/3oth41w Web Vitals → goo.gle/2LvYzL9 Tweet us →
We stress tested 5 different CSS centering techniques and I challenged you to submit your own. Shout out to Chris Coyier from CSS-Tricks for sharing his own tricks!
Chrome Developer Summit was a blast and we learned a lot over 2 action packed days. Now that you’ve got developing for Chrome down, do you know how to master Chrome games?
Rowan and Maud chat through the progress on the Privacy Sandbox proposals and extract some of the patterns that are aiming to enable a more private web.
Want to help your users quickly and easily get from shopping cart to payment? Learn how to use built-in browser features to develop checkout forms that maximize conversions.
This talk reviews two types of workers: web workers and service workers. We explore their similarities, differences, the most popular communication APIs, and some common use cases.
You've built an amazing site with fast load times, great components, and large (but lazily loaded!) assets. However, when you update or redeploy your site, are your users getting the best experience?
Why do we care about pushing the web forward? What direction is "forward"? And what are some of the challenges that we believe need solving in the next 3-5 years. Hear about this and more.
Web Stories are a web-based version of the popular "Stories" format that blend video, audio, images, animation, and text to create a dynamic consumption experience.
The web platform is opening up incredible opportunities by letting web developers communicate with hardware devices over Bluetooth, USB, NFC, Serial, and HID.
Workbox is a set of libraries for common service worker use cases. But what if your service worker use case is . . . a little less common? Workbox can still help!
A lightning tour of new features for web apps in Play, including availability on the Chrome OS Play Store, improvements on Bubblewrap that make it easier to get started, new Trusted Web Activity
The web is the best way to reach the maximum number of users with your application. It's also the easiest way for users to try your app before subscribing or installing it!
Over 90% of web traffic comes from browsers that support modern JavaScript, yet most websites ship legacy syntax in order to support a small number of very old browsers.
WebAssembly is a new binary format that allows developers to bring their experience and applications from a variety of programming languages to the web, and to share those experiences with even more
CSS Houdini is an umbrella term that describes a series of low-level browser APIs and worklets which enable developers to hook into the browser's rendering engine and extend the styling capabilities
You saw me build stories my way and I challenged you all to build it your way. Shout out to @Geoffrich_ for his submission on Twitter! Do you have another way you’d build stories? Send it our way!
SMS OTP is widely used for phone number verification, 2 step verification, account recovery, and payment verification. However, copy-pasting and entering the OTP from SMS cause friction.
In today’s challenge, we’re stress testing 5 different CSS centering techniques. See what techniques should earn a place in your tool belt by watching how they react to common layout stress.