An updated performance checklist for 2021Frontend Focus #473 — January 13, 2021 | Read on the web Front-End Performance Checklist 2021 — This annual front-end performance checklist (available as PDF, Apple Pages, MS Word) returns, updated with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques. Smashing Magazine Web History: Web… Read More
? The results from the 2020 State of CSS survey? There are some neat bits in the Code & Tools section at the end of today’s issue, including a striking CodePen demo, so take a look if you don’t always get that far 🙂__Chris Brandrick, editor Frontend Focus #469 — December 2, 2020 | Read on the web The State of CSS Survey 2020 Results… Read More
When CSS margins collapseFrontend Focus #470 — December 9, 2020 | Read on the web The Rules of Margin Collapse — Adjacent margins in CSS can sometimes overlap. This is known as ‘margin collapse’, and Josh notes it has a reputation for “being quite dastardly”. This excellent, comprehensive, interactive tutorial dives into everything you need to know about it,… Read More
The state of the web in 2020? Hey, This marks the last issue of Frontend Focus of the year. We will be back in early January with a roundup issue looking back over the frontend highlights of 2020 (an admittedly unusual year by all acounts). Thank you so much for continuting to read and support the newsletter. Catch you in 2021!__Chris Brandrick,… Read More
Reflecting on 2020 in frontendFrontend Focus #472 — January 6, 2021 | Read on the web ? Looking back: Frontend highlights from 2020 Hello 2021! Thanks for opening the first issue of the year. ? We’re kicking things off with a look back at some of the frontend highlights of the past twelve months. As such, this issue includes just… Read More
Mozilla layoffs, Rome, and some CSS comics#453 — August 12, 2020 Web Version Frontend 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 includes both the DevTools and MDN teams. A troubling and unfavourable sign for the future of a diverse web. There’s been… Read More
Getting the most out of variable fonts#452 — August 5, 2020 Web Version Frontend Focus Getting 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 has spent the past few years working on one (Recursive Sans & Mono). Stephan Nixon Can You… Read More
Adaptive components, Firefox 79, and improving legibility with CSS#451 — July 29, 2020 Web Version Frontend Focus Designing Adaptive Components, Beyond Responsive Breakpoints — Thoughts on designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behaviour and context. Stéphanie Walter A New Beta Version of ‘Can I Use’ — Can I Use is a… Read More
Is ‘pixel perfect’ still a thing?#450 — July 22, 2020 Web Version Frontend Focus The 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 compares what this phrase really means today versus what it used to, and suggests how we… Read More
Making designs feel more random with prime numbers#449 — July 15, 2020 Web Version Frontend Focus The Cicada Principle, Revisited with CSS Variables — The Cicada Principle is the idea that when creating repetitive patterns, backgrounds, etc. using prime numbers can increase the appearance of organic randomness. Lea shows how she used a modern approach to this idea to format her code examples… Read More