Category: Tech
Seamless reusable styles. Feb 8, 2019 — Updated Feb 23, 2022 Constructable Stylesheets are a way to create and distribute reusable styles when using Shadow DOM. Constructable Stylesheets are available in Chromium (versions 73 and higher), and in Firefox from version 75 behind the layout.css.constructable-stylesheets.enabled flag. It has always been possible to create stylesheets using
A foundational overview of how to build an adaptive favicon. Feb 9, 2022 In this post I want to share thinking on how to build an adaptive favicon with SVG. Try the demo. Browser tabs shown adapting to MacOS system light and dark theme changes. Try the Demo If you prefer video, here’s a YouTube
A foundational overview of how to build an adaptive and accessible theme switch component. Jan 19, 2022 In this post I want to share thinking on a way to build a dark and light theme switch component. Try the demo. Demo button size increased for easy visibility If you prefer video, here’s a YouTube version
The Platform now ships with structuredClone(), a built-in function for deep-copying. Dec 16, 2021 For the longest time, you had to resort to workarounds and libraries to create a deep copy of a JavaScript value. The Platform now ships with structuredClone(), a built-in function for deep-copying. Browser support: chrome, Not supported × firefox 94, Supported
Combine Google tools to audit, improve and monitor your website effectively. Aug 9, 2021 — Updated Jan 18, 2022 Core Web Vitals are a set of metrics that assess the user experience on criteria such as load performance, responsiveness to user input, and layout stability. While Core Web Vitals are valuable user experience metrics, they
Optimize your pages for instant loads when using the browser’s back and forward buttons. Nov 10, 2020 — Updated Nov 15, 2021 Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users—especially those with slower networks or devices. As web developers, it’s
How to measure Web Vitals with your current analytics tool. May 27, 2020 — Updated Nov 30, 2022 Having the ability to measure and report on the real-world performance of your pages is critical for diagnosing and improving performance over time. Without field data, it’s impossible to know for sure whether the changes you’re making
A startup’s story of building a best-in-class web experience. Aug 16, 2019 — Updated Nov 30, 2021 About # Founded in 2015, Truebil is an Indian online marketplace that sells 100% certified used cars. With over 1.4 million monthly active users, it’s a one-stop solution that includes title transfer, insurance, loans, and service warranties. Prospective
Lynn Fisher is an American artist known for her many creative projects and yearly portfolio refresh. Dec 30, 2021 This post is part of Designcember. A celebration of web design, brought to you by web.dev. Lynn Fisher is an American artist known for her work on the web. After attending art school in Arizona, she
A peek into the process and tools used to build the holiday-calendar-style experience of Designcember. Dec 28, 2021 In the spirit of December and the many calendars that folks use to countdown and celebrate, we wanted to highlight web content from the community and the Chrome team. Every day, we highlighted one piece of UI-development
English 
Indonesian