#442 — May 27, 2020 Read on the Web Frontend Focus Responsive Web Design Turns Ten — Ten years ago the phrase ‘responsive web design’ was first coined. This guiding blog post, outlining the three ‘ingredients’ needed (fluid grids, flexible images, and media queries), soon followed. Here, Ethan takes a look back at just how… Read More

#441 — May 20, 2020 Read on the Web Frontend Focus A Drop-in Minimal CSS Framework Switcher — There are a lot of so called ‘minimal’ CSS systems out there, such as new.css and GitHub’s Primer but it can be hard to sort through them for something you’d like. Enter this ‘minimal CSS framework switcher’… Read More

#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