How to use the ‘before’ and ‘after’ pseudo-elements March 3, 2021 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
Solving aspect-ratio trickiness February 24, 2021 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
You don’t always need web frameworks February 17, 2021 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
A fantastic guide to CSS Transitions February 10, 2021 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
Widespread support for the aspect-ratio property February 3, 2021 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
Supercookies aren’t so super January 27, 2021 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
Where are the extensions Safari? January 21, 2021 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
An updated performance checklist for 2021 January 13, 2021 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
? The results from the 2020 State of CSS survey January 10, 2021 ? 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 collapse January 10, 2021 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