PuzzmoWeb puzzles without the corporate media slime. It looks like they're integrating nicely with the AT protocol too.How to make your first contribution to an open source projectA thoroughly good explainer of how to get involved in open source.A brief history of domainsVery interesting read with a delightful, subtle use of sticky positioning.Voxoban - 3D Sokoban Puzzle GameA creative reimagining of the classic (infuriating at times) puzzle game, made with CSS.The fish doorbellYou see a fish on the live feed and you ring the doorbell to they can be let in. Simple.P.S. this is a good website from personalsit.es.Sponsor messageTake your career to the next level by taking our premium courses and save 20%.Use the code NEXTLEVEL at checkout to get our courses for only £199.20.By taking our courses, you’re supporting independent publishing, rooted in doing right for workers in design, development and leadership.Take your career to the next level

Beyond the blur: a quick guide to the css backdrop-filter propertyThe backdrop-filter CSS property can do a heck of a lot more than you probably think it can. Stu expertly shows you with this in-depth guide.WebHapticsAn interesting looking library that enables you to provide haptic feedback with your interactive elements on the web. A native API one day maybe?MOOving to a self-hosted Bluesky PDSThe momentum behind the AT protocol and services like Bluesky is really picking up. If you were thinking of self-hosting your data (known as a PDS), David has a great write up here.Finding an accessibility-first culture in npmxIt was great to get Abbey back writing for Piccalilli to share her account of how accessibility is right at the core at npmx. It’s so refreshing to read while standards continue to plummet, elsewhere in the industry.Tangled has a new homepageAfter a very healthy recent investment, it's definitely time to pay attention to this AT protocol version of GitHub. Their new homepa

Back in January, I found myself longing for an accessibility-first culture and for a while, I’ve also been looking for ways to learn senior-level accessibility skills. I expected to find one of those needs, but not both, when I joined npmx on a whim. Today is the alpha release of npmx, and I’m happy to share how they’ve already exemplified an accessibility-first community.Missing an accessibility-first communityIt's hard to put into words how lonely it is when you’re the only person ensuring that there aren't click handlers on generic elements. I've come to accept that the bar for "accessibility advocate" is just "still cares about accessibility in spite of it all." I'm used to being the only one giving accessibility feedback when joining a new project. It's exhausting having to explain the same small issues over — the same issues that are easily caught by automated accessibility testing tools. Sometimes, it's tempting to just delete the repository and start over.When you know anything

Shades of halftoneExtremely interactive, extremely creative and extremely informative. Great stuff.Colour memory gameThis is really fun! Test your pixel pushing colleagues too 😉x86 CPU made in CSSAnd people still have the nerve to say CSS isn't a programming language. Of course it is!Fav tech museumsA beautifully crafted composition of prose and lovely media.DJR glyph navigatorVery nice glyphs, colours and layout.P.S. this is a good website from personalsit.es.Sponsor messageTake your career to the next level by taking our premium courses and save 20%.Use the code NEXTLEVEL at checkout to get our courses for only £199.20.By taking our courses, you’re supporting independent publishing, rooted in doing right for workers in design, development and leadership.Take your career to the next level

As promised in the last one, we'll wrap up planning today. This stuff is the more fun to do though!The toolsI know it's what you want to see, so let's get into what I'm using for this project.My uses is here too.Planning and organisingObsidian for tracking what needs to be done, lists and notestldraw; for sketching/mappingDesignAffinity for vectors and photoshop-like workPenpot for UI designHTML, CSS and web components for prototypingWebsite systemNavi for the pattern library/design system (this is our internal software that we use in the studio)Astro for the front-end frameworksugarcube for CSS utilities and converting design tokens to custom propertiesHTML, CSS and web components: to make everything look good and work nicelyFYIWhy are you not using the tool(s) I like?My chosen "stack" works very well for my day-to-day work. I'm sure your favourites are great too!No AI?Why eat nice food when you could just eat gruel, eh?Why Astro and not EleventyI really like Eleventy. I even wrote a