[ad_1] #443 — June 3, 2020 Read on the Web ? It’s time to speak up, donate, or even just stream a fundraising video, because Black Lives Matter. Our thoughts are with everyone in the US and beyond fighting for these causes. Frontend Focus Image via: Increment A User’s Guide to CSS Variables — A long-requested… Read More

[ad_1] #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… Read More

[ad_1] #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… Read More

[ad_1] #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… Read More

[ad_1] #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… Read More

[ad_1] #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… Read More

[ad_1] #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… Read More

[ad_1] #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… Read More

[ad_1] #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.… Read More