Frontend  Focus #480 — March 3, 2021 | Read on the web Diving into the ::before and ::after Pseudo-Elements — These pseudo-elements are incredibly versatile tools in your CSS toolkit and can be used in a wide-range of situations. This article does a good job of explaining them, and shows how to use them in practice. Will… Read More

Frontend  Focus #479 — February 24, 2021 | Read on the web Create Responsive Image Effects with CSS Gradients and aspect-ratio — A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported aspect-ratio property in combination with object-fit provides a remedy to this headache of… Read More

Frontend  Focus #478 — February 17, 2021 | Read on the web What Saul Bass Can Teach Us About Web Design — Frederick O’Brien looks at the work of graphic design legend Saul Bass, exploring how the principles that informed his work are just as valuable now as they were 50 years ago. Smashing Magazine State Modeling… Read More

Frontend  Focus #477 — February 10, 2021 | Read on the web Image via: Easings.net  An Interactive Guide to CSS Transitions — This is an excellent and comprehensive guide to using CSS transitions. Covers the basics really well — but even if you’re a bit more experienced in working with CSS animations I’d say you’ll no… Read More

Frontend  Focus #476 — February 3, 2021 | Read on the web Things You Can Do With CSS Today — Andy Bell digs into some of the neat stuff you can do with modern CSS now, including masonry layouts, using the :is selector, updated text decoration, clamp(), and more. Smashing Magazine WebRTC Is Now a W3C and… Read More

Frontend  Focus #475 — January 27, 2021 | Read on the web Firefox 85 Cracks Down on ‘Supercookies’ — Firefox has already blocked cookies from known trackers and scripts from known fingerprinting companies and is now partitioning network connections and caches by origin to prevent cache abuse used for surreptitiously tracking users. Here’s the Firefox 85 release… Read More

Frontend  Focus #474 — January 13, 2021 | Read on the web Safari 14 Added WebExtensions Support. So Where Are The Extensions? — At WWDC 2020, Apple announced it would support browser extensions via the WebExtensions API, though not in as simple a fashion as with Chrome or Firefox. The extra work involved seems to be… Read More

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