#440 — May 13, 2020 Read on the Web Frontend Focus Let’s Take a Deep Dive Into the CSS Contain Property — This is a comprehensive look at a new-ish CSS property (now a standard) with pretty good browser support that helps a browser to calculate a page’s layout more efficiently. Travis Almand Does Masonry Belong… Read More

#439 — May 6, 2020 Read on the Web Frontend Focus Introducing Web Vitals: Essential Metrics for Healthy Sites — Web Vitals is a new Google initiative to provide guidance on quality signals (think first input delay, load speed, etc.) that are key to delivering good user experiences on the web. Google A Complete Guide to… Read More

#438 — April 29, 2020 Read on the Web Frontend Focus Current browser support for CSS math functions. Via: caniuse.com ?  min(), max(), and clamp()` Are CSS Magic — The min, max, and clamp functions are now starting to see more widespread browser support. Here’s a video running through how these properties can be used to… Read More

#437 — April 22, 2020 Read on the Web Frontend Focus Inside a Dev’s Mind: How To Plan Out a UI Feature — A look at how to approach building a new frontend feature in a thoughtful, considered way, based on one developer’s own thought process. It’s neat to see how he’d approach the task… Read More

#436 — April 15, 2020 Read on the Web Frontend Focus How to Monitor Your Web Page’s Total Memory Usage with performance.measureMemory() — Learn how to measure memory usage of your web page in production to detect regressions. (Chrome only, for now.) Ulan Degenbaev Microsoft Edge 81 Release Notes for Stable Channel — Version 81 of… Read More

#435 — April 8, 2020 Read on the Web Frontend Focus Changes in Firefox 75 That Will Affect Developers — Version 75 of Firefox dropped yesterday, bringing with it support for lazy loading, additions to the Web Animations API, implementation of the min(), max(), and clamp() CSS functions, plus a handful of accessibility wins. All… Read More

#431 — March 11, 2020 Read on the Web Frontend Focus The Performance Benefits of Variable Fonts — This is a good look at the performance gains you can expect when using variable fonts, with a focus on font requests, file sizes and time to first render. If you’re just starting to explore using variable… Read More

#432 — March 18, 2020 Read on the Web Frontend Focus ‘CSS X’ — The CSS Versioning Debate — Remember the recent debate around CSS versioning and whether we should have a ‘CSS 4’ for marketing reasons? Here’s a good account from the W3C of just how CSS feature releases have worked up until this… Read More

#433 — March 25, 2020 Read on the Web Frontend Focus A Practical Overview of CSS Houdini — A detailed look at each part of Houdini, a group of APIs that give developers direct access to the CSS Object Model, including current browser support (quickly improving) and how its features can be used today using… Read More

#434 — April 1, 2020 Read on the Web Frontend Focus Updates to Form Controls and Focus in Chrome — Here’s a closer look at the recent changes introduced to HTML form controls within Chrome, designed to “beautiful, webby, and neutral”. They bring with them a host of accessibility wins, touch support, and more consistent… Read More