Frontend  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

? 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

Frontend  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

? 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

Frontend  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

#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

#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

#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

#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

#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