Clik here to view.
Bootstrap 4.4.0 arrives, Firefox Replay unveiled on macOS (only, for now)
#419 — December 4, 2019Read on the WebIn case you were wondering if you were missing an issue of Frontend Focus last week, we took a break for Thanksgiving :-)Frontend FocusMaking a Better Custom...
View ArticleClik here to view.
New versions of both Firefox and Chrome arrive
#420 — December 11, 2019Read on the WebFrontend FocusZ’s Still Not Dead Baby, Z’s Still Not Dead— A fun look at five CSS properties, including background-blend-mode, that can add “depth and richness to...
View ArticleClik here to view.
The frontend highlights of 2019
#421 — December 18, 2019Read on the WebFrontend Focus🚀 To close out the year, this week we're looking back over the past twelve months and linking to some of the top articles, stories, and tutorials...
View ArticleClik here to view.
A frontend performance checklist for 2020
#422 — January 8, 2020Read on the WebFrontend Focus👋 Hey, it's good to be back in your inbox with the very first Frontend Focus of the new year. After the holiday break, we're back on our regular...
View ArticleClik here to view.
Microsoft's Chromium-based browser arrives
#423 — January 15, 2020Read on the WebFrontend FocusMicrosoft's Chromium-Powered Browser Arrives— The new version of Microsoft Edge is now out of preview and available for download. Developer...
View ArticleClik here to view.
Flow, a truly new browser with a new rendering engine
#424 — January 22, 2020Read on the WebFrontend FocusCleaning Up the CSS Cascade— A genuinely beautiful explanation to how browsers handle the cascade in Cascading Style Sheets (CSS). If you’re an...
View ArticleClik here to view.
The new Edge era brings about the end of Trident
#425 — January 29, 2020Read on the WebFrontend FocusThe Trident Era Ends— Edge moving over to using Chromium marked the true end of the Trident-Engine. This is a great and detailed post looking back at...
View ArticleClik here to view.
What's the carbon footprint of your website?
#426 — February 5, 2020Read on the WebFrontend FocusCO2 Emissions On The Web— Sites are said to now be four times bigger than they were in 2010. This post looks at the energy costs of data transfer and...
View ArticleClik here to view.
Firefox 73, stopping insecure downloads in Chrome, and CSS 4?
#427 — February 12, 2020Read on the Web🖍 Heya! Be sure to scroll to the end of the issue to see a nostalgic comic about how many of us started out with HTML 😄.Frontend FocusProtecting Users From...
View ArticleClik here to view.
Listen to a page's DOM as it changes
#428 — February 19, 2020Read on the WebFrontend FocusUnderstanding CSS Grid Template Areas— grid-template-areas is one of my personal favorite parts of CSS Grid as it lets you specify layouts in the...
View ArticleClik here to view.
A guide to data attributes, plus defining CSS 4
#429 — February 26, 2020Read on the WebFrontend FocusLet's Define CSS 4— It seems whether CSS 4 should be a “thing” is a hot button issue right now, with most of the chatter seemingly around branding...
View ArticleClik here to view.
The importance of establishing code guidelines and standards for a project
#430 — March 4, 2020Read on the WebFrontend FocusWhy The GOV.UK Design System Team Changed The Input Type for Numbers— Highlights how the <input type="number"> element can be somewhat problematic...
View ArticleClik here to view.
The performance benefits of variable fonts
#431 — March 11, 2020Read on the WebFrontend FocusThe 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...
View ArticleClik here to view.
CSS 'X', plus tips for improving site accessibility.
#432 — March 18, 2020Read on the WebFrontend 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?...
View ArticleClik here to view.
Chrome releases paused, a practical overview of CSS Houdini, and more...
#433 — March 25, 2020Read on the WebFrontend FocusA 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...
View ArticleClik here to view.
Chrome releases back on, form controls to get some polish in M81 and M83
#434 — April 1, 2020Read on the WebFrontend FocusUpdates 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...
View ArticleClik here to view.
Firefox 75 arrives
#435 — April 8, 2020Read on the WebFrontend FocusChanges in Firefox 75 That Will Affect Developers— Version 75 of Firefox dropped yesterday, bringing with it support for lazy loading, additions to the...
View ArticleClik here to view.
Edge 81 goes stable, jQuery 3.5 arrives
#436 — April 15, 2020Read on the WebFrontend FocusHow 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...
View ArticleClik here to view.
The cost of JavaScript frameworks, LCH colors, and Tailwind CSS 1.3
#437 — April 22, 2020Read on the WebFrontend FocusInside 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...
View ArticleClik here to view.
The ✨ magic ✨ of CSS math functions
#438 — April 29, 2020Read on the WebFrontend FocusCurrent browser support for CSS math functions. Via: caniuse.com▶ min(), max(), and clamp()` Are CSS Magic— The min, max, and clamp functions are now...
View Article
