Clik here to view.
A Complete Guide to CSS Functions
#439 — May 6, 2020Read on the WebFrontend FocusIntroducing Web Vitals: Essential Metrics for Healthy Sites— Web Vitals is a new Google initiative to provide guidance on quality signals (think first...
View ArticleClik here to view.
A look at the CSS contain property
#440 — May 13, 2020Read on the WebFrontend FocusLet'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...
View ArticleClik here to view.
How to find the minimal CSS framework for you
#441 — May 20, 2020Read on the WebFrontend FocusA 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...
View ArticleClik here to view.
Ten years of responsive web design
#442 — May 27, 2020Read on the WebFrontend FocusResponsive Web Design Turns Ten— Ten years ago the phrase ‘responsive web design’ was first coined. This guiding blog post, outlining the three...
View ArticleClik here to view.
A guide to contributing to Web standards
#443 — June 3, 2020Read 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...
View ArticleClik here to view.
A guide to media queries, and a look at new CSS pseudo-classes on the way.
#444 — June 10, 2020Read on the WebFrontend FocusCurrent browser support for 'is()' via caniuse.comCSS :is() and :where() Are Coming to Browsers— Šime Vidas explains how these new CSS pseudo-classes...
View ArticleClik here to view.
Bootstrap 5 Alpha arrives, Chrome experiments with (not) displaying URLs
#445 — June 17, 2020Read on the WebFrontend FocusBootstrap 5 Alpha Released— It’s early days but the first useful glimpse of Bootstrap 5 is here, including a new logo. Bootstrap continues to be a very...
View ArticleClik here to view.
Safari to get WebExtensions (and more from WWDC)
#446 — June 24, 2020Read on the WebFrontend FocusSafari 14 Beta Release Notes— Revealed at this week’s WWDC, Safari 14 will ship alongside iOS 14 & macOS 11 later this year. Here are the...
View ArticleClik here to view.
What's new in Chrome and Firefox for devs, plus what's on the horizon for Safari
#447 — July 1, 2020Web VersionFrontend Focus▶ Google's web.dev LIVE Event is On Now— It started yesterday but Google is running a three day (June 30-July 2) online event focused on the Web development...
View ArticleClik here to view.
Just how much can you do with one line of CSS?
#448 — July 8, 2020Web VersionFrontend FocusNew in Chrome: A 'CSS Overview' Tab— This new experimental feature in Chrome looks really neat. It provides an overview of the CSS on a site, detailing...
View ArticleClik here to view.
Making designs feel more random with prime numbers
#449 — July 15, 2020Web VersionFrontend FocusThe Cicada Principle, Revisited with CSS Variables— The Cicada Principle is the idea that when creating repetitive patterns, backgrounds, etc. using prime...
View ArticleClik here to view.
Is 'pixel perfect' still a thing?
#450 — July 22, 2020Web VersionFrontend FocusThe State of 'Pixel Perfection'— I don’t really hear the term “pixel perfection” as much as I used to, but the author says it still pops up enough. Here, he...
View ArticleClik here to view.
Adaptive components, Firefox 79, and improving legibility with CSS
#451 — July 29, 2020Web VersionFrontend FocusDesigning Adaptive Components, Beyond Responsive Breakpoints— Thoughts on designing systems of reusable components that adapt to responsive layouts,...
View ArticleClik here to view.
Getting the most out of variable fonts
#452 — August 5, 2020Web VersionFrontend FocusGetting the Most Out of Variable Fonts on Google Fonts— A detailed primer on how variable fonts work, why they matter, and how to use them from someone who...
View ArticleClik here to view.
Mozilla layoffs, Rome, and some CSS comics
#453 — August 12, 2020Web VersionFrontend Focus☹️ Mozilla Laying Off 250 Employees— Sad news from the folks behind Firefox — they've laid off a quarter of their entire workforce, which reportedly...
View ArticleClik here to view.
The languages which almost became CSS
#454 — August 19, 2020Web VersionFrontend FocusThe Languages Which Almost Became CSS— A fascinating look at the history of all the languages which almost became CSS (for example, the proposed 'RRP'...
View ArticleClik here to view.
How to use the .avif image format
#455 — August 26, 2020Web VersionFrontend FocusHow to Use AVIF: The New Next-Gen Image Compression Format— The .avif format results in files ~50% smaller in size compared to JPEG, and ~20% smaller than...
View ArticleClik here to view.
Ten Web APIs you may not know about
#456 — September 2, 2020Web VersionFrontend Focus10 Lesser-Known Web APIs You May Want to Use— Includes the likes of the Performance Interface API, the Vibration API, Clipboard Async API, and others....
View ArticleClik here to view.
It's time to start caring about AVIF
#457 — September 9, 2020Web VersionFrontend FocusAVIF Has Landed— This is a fantastic dive into all of the benefits of the AVIF image format and how you can use it now. Plenty of great visual examples,...
View ArticleClik here to view.
How to run Lighthouse programmatically
#458 — September 16, 2020Web VersionFrontend FocusRead Me: An Essay on Reading on the Web— An expressive, visual, and detailed piece exploring what makes web text readable, the evolution of type on the...
View Article
