Apr 23, 2018 This codelab uses Chrome DevTools. Download Chrome if you don’t already have it. This codelab shows you how to preload web fonts using rel=”preload” to remove any flash of unstyled text (FOUT). Measure # First measure how the website performs before adding any optimizations. To preview the site, press View App. Then press Read More

The prefers-reduced-motion media query detects whether the user has requested the operating system to minimize the amount of animation or motion it uses. Mar 11, 2019• Updated Dec 10, 2019 Not everyone likes decorative animations or transitions, and some users outright experience motion sickness when faced with parallax scrolling, zooming effects, and so on. Chrome Read More

How to create sites which respond to the needs and capabilities of the device they are viewed on. Feb 12, 2019• Updated May 14, 2020 The use of mobile devices to surf the web continues to grow at an astronomical pace, and these devices are often constrained by display size and require a different approach Read More

A new font specification that can significantly reduce font file sizes Feb 19, 2018• Updated Aug 17, 2020 In this article, we will look at what variable fonts are, the benefits they offer, and how we can use them in our work. First, let’s review how typography works on the web, and what innovations variable Read More

How to accelerate your media playback by actively preloading resources. Aug 17, 2017• Updated Nov 16, 2020 Appears in: Fast load times|Media Faster playback start means more people watching your video or listening to your audio. That’s a known fact. In this article I’ll explore techniques you can use to accelerate your audio and video Read More

Welcome to WordPress. This is your first post. Edit or delete it, then start writing! Read More

1 6 7 8