The End of Friday Front-End: After over ten years of sharing front-end links every week, the time has come for me to shut down Friday Front-End. Thanks for subscribing! https://spaceninja.com/blog/2026/the-end-of-friday-front-end/

Today's lunch video is "Dos & Don’ts of Anchor Positioning" - "New resources to make #CSS Anchor Positioning easier, and some demos to help you understand how anchor positioning works. We'll also look at what new capabilities are in the pipeline." https://www.youtube.com/watch?v=OEvVW4wQUII

9 Accessibility Myths and Pushbacks (And How to Answer Them): "Raising #a11y in meetings and getting pushback? You're not failing, you're just having the wrong conversations. This guide covers 9 common objections, to make the business case for accessibility." https://stephaniewalter.design/blog/9-accessibility-myths-and-pushbacks-and-how-to-answer-them/

Trimming our #CSS with sibling-index() and sibling-count(): "Small changes like this add up. Replacing repetitive selectors with functions like sibling-index() and sibling-count() makes the code easier to read and maintain, and a little more resilient to change." https://thoughtbot.com/blog/trimming-our-css-with-sibling-index-and-sibling-count

A Modern Quality Pipeline and Testing Strategy for Frontend Projects: "An agent writes most of my frontend code now. You used to write tests and types so the next person on the file stayed sane. Now you write them so the agent can check its own work." https://alexop.dev/posts/modern-frontend-quality-pipeline/

The End of Responsive Images: "Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web." #HTML https://piccalil.li/blog/the-end-of-responsive-images/

Today's lunch video is "It’s 10PM: Do You Know Where Your #JavaScript Is?" - "We’ll talk about best practices to reduce or increase the JS on your web site to a sweet spot. It’s common to have too much JS, but can you go too far? Is zero JS a worthwhile goal?" https://www.zachleat.com/web/its-10pm/

box-shadow is no alternative to outline: "Using box-shadow for focus outlines is problematic in forced colors mode because the box-shadow property computes to none, which means that there are no shadows and consequently no focus styles in this mode." #a11y https://matuzo.at/blog/2026/box-shadow-no-alternative-to-outline

WCAG3 Contrast as of April 2026: "APCA is no longer part of WCAG3. You can still use it, but for conformance (legal, policy, etc.) reasons you will still need to follow WCAG2. It’s possible to satisfy both in most cases." #a11y https://adrianroselli.com/2026/04/wcag3-contrast-as-of-april-2026.html

Warning: containment breach in cascade layer! "I believe !important should never be used but it’s not always my choice. The WordPress ecosystem is the ultimate specificity war. Cascade layers can curtail unruly plugins but if they use !important it’s game over." #CSS https://dbushell.com/2026/04/15/containment-breach-in-cascade-layer/

Container Query Typography Systems: "With the adoption of #CSS container queries in all browsers, it's time to use them to fix typography systems." https://mattwaler.com/blog/container-query-typography-systems/

Squash and Stretch: "Have you ever heard of Disney’s 12 Basic Principles of Animation? We’ll explore how we can use the first principle to create micro-interactions that feel more natural and believable. It’s one of those small things that has a big impact." #CSS https://www.joshwcomeau.com/animation/squash-and-stretch/

Today's lunch video is "5 #CSS fouls that I see way too often" - Learn about avoiding useless declarations and overly prescriptive height settings. The video also covers refactoring, focus styles, and choosing between Flexbox and Grid. https://www.youtube.com/watch?v=J_cnZa6UzVI

The Intl API: The best browser API you're not using: "You have a type of data, and you want to easily format it in natural language. Whether you're formatting dates, numbers, currencies, lists, plurals, words, or sorted strings, the API shape stays similar." #JavaScript https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/#conclusion

Multi-stroke text effect in #CSS: "Browsers draw outlines of the character, and the larger you set the stroke width, the thicker the outline will get, while still maintaining its original shape. The next step is to use different colors and put them in order." https://yuanchuan.dev/multi-stroke-text-effect-in-css

SVG Filters Guide: Getting Started with the Basics: "While I firmly believe the best way to get started with #SVG filters is to just start using SVG filters, I’d also like to provide this starter’s guide, the stuff I wish I had read while getting into all this." https://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/

Inverted themes with light-dark() - "The goal was to make it so that when the browser switched from light/dark modes, themed elements would switch to their inverse theme. The trick I uncovered was setting the current theme as a #CSS variable." https://daverupert.com/2026/04/inverted-light-dark/

CSS or BS? "We show you a #CSS property name. You tell us if it's real or if we made it up. That's it. It starts easy. It does not stay easy. The CSS spec has over 600 properties. Some of them sound made up. Some of our fakes sound terrifyingly real. Good luck." https://www.keithcirkel.co.uk/css-or-bs/

Today's lunch video is "Responsive Type Doesn’t Have To Be Complicated" - "You don’t need anything complicated to build a type scale for your site. With the right units, we can get excellent results from a few lines of code without relying on third party tools." #CSS https://www.youtube.com/watch?v=B-r6wembUxI

There’s no need to include ‘navigation’ in your navigation labels: "Marking up navigation is pretty straightforward, but here’s a nice reminder on how the aria-label should be written." #a11y https://www.tempertemper.net/blog/theres-no-need-to-include-navigation-in-your-navigation-labels