Page Turners - June 2025

Articles

• Stop Glossing Over the Good Stuff: How to Be More Positive - We’re not born as “glass half full” or “glass half empty” people. We make that choice each day. Here’s how to stop negativity and start being more positive.
• One rebel's malicious 'tar pit' trap is driving AI web-scrapers insane | PCWorld - Nepenthes intentionally traps data-scraping bots in a never-ending loop of nonsense to waste computing power.
• Figma Variables and Design Tokens – Part One: Variable Architecture - Part one of a multi-part series on Figma Variables and Design Tokens. Part one covers off architecture, modes and multi-brand setup.
• A new way to style gaps in CSS | Blog | Chrome for Developers - Say goodbye to border and pseudo-element hacks.
• Create this trendy blurry glass effect with CSS
• Scroll-Driven Letter Grid - scroll-timelines go from 0 to 100. Many variable fonts axis have similar ranges, like 100 to 900. Surely that's begging for interplay.
• Pride, shame, and accessibility - The relationship between shame and motivation in web development, especially regarding accessibility.
• The real threat isn’t AI—it’s the discourse surrounding it · Josh Nesbitt - It’s possible to believe AI is one of the most transformative tools of our time and that most of what’s being sold as AI is smoke and mirrors, or worse, complete bollocks. Both can be true.
• The Who Cares Era | dansinker.com -
• The Browser Company explains why it stopped developing Arc - Arc browser is now in a holding pattern.
• Augmented engineering: learnings of an AI skeptic -
• Do Not Publish Your Designs on the Web with Figma Sites… - …Unless you want to fail all the WCAGs, create litigation risk, close off opportunities in Europe, engage in reputational harm, and oh yeah, throw up barriers to your customers and users. What am I talking about? Figma announced Figma Sites, letting you publish your Figma designs directly to the web.…

Demos

• Scroll Indicator - This is a page scroll indicator inspired by the one on LessWrong. Headers are noted and immediately jumpable, and it has two p...
• Dynamic Toggle with [type=radio] + :has() - ...
• Nintendo Switch - Lesson Variant - ...
• dropplets - SVG filters and CSS shadows...
• the intention of :hover - ...
• Stateful labels with if() function - ...