Starting off with a little shameless self-promotion: I recently shared NoLoJS, an open-source design library of components aiming to reduce reliance on JS, in favor of just HTML and CSS, as much as possible. The idea is to create a collection of web patterns that have historically relied heavily on JS, usually originally by necessity, that can now be handled with just HTML and CSS, often with no JS at all, or maybe just a little. The goal is to reduce the developer’s work load, the server’s network load, the user’s download, and the device’s processing load. Check it out and please let me know what you think! (Issues and PRs welcome!)
And in a comment on the LinkedIn post promoting the NoLoJS release, Kevin Bonett shared his A11Y Web UI Boilerplate, which is “an accessible UI boilerplate and component library for websites & web apps”. Really clean, and lovely examples!
Okay, just a little more self-promo, looks like my article on DebugBear made the latest CSS Weekly!
Tee-hee!
Adam Argyle recently reminded us on BlueSky that the will-change CSS property has numerous options for its value:
will-change: auto; will-change: scroll-position; will-change: contents; will-change: transform; will-change: opacity; will-change: left, top;
Before to checkout Bramus Van Damme‘s reply that “you can pass in a list of properties that you expect to change”…
WordPress just announced the WordPress MCP Adapter, aimed at helping backend users better interact with their Abilities API and MCP Adapter in ways that could greatly improve the content writing experience. Feels like a new “plugin-esque” Abilities environment is about to explode in WordPressLandia…
Speaking of AI, Nadia Makarevich shares a great walk through of Debugging with AI, to find out Can It Replace an Experienced Developer? In which she:
tested it on three real bugs, investigated the root cause myself and wrote down the results
A thoroughly entertaining read, as I love reading along with someone’s thought process, I almost always find it highly enlightening!
Ahmad Shadeed points out an increasingly glaring responsive design gap: the switch between small and large screens. Often we are seeing sites ignoring the medium screen sizes, so small designs are used far wider than they should be…
A recent SPDY STREAM (YouTube), by the great Henri Helvetica featured David Belson walking us all through the Cloudflare Radar 2025 Year in Review. So much great information, and it is great to listen to David walk through some of the not-so-obvious points that can be drawn from these data points.
Although CSS Anchor Positioning is still Baseline Limited Availability (though, interestingly, CanIUse reports it as Newly Available…?), Roland Franke shows off a really cool demo, Drawing Connections with CSS Anchor Positioning.
Speaking of anchor-position, Kevin Powell demonstrates a really cool use-case, anchoring an element and something that is not a direct sibling (YouTube).
Stefan Bauer reveals a truly cool use-case for the details/summary element: Performance-Optimized Video Embeds with Zero JavaScript. It is a very clever way to implement the classic façade technique, and I guess it could be considered semantic, as the thumbnail is sort of a “summary” for the video? Note this is only for videos that can/should be lazy-loaded, and there are several tidbits to get things just right, but I dig it. Very clever!
While I continue to work my way through Piccalilli and Mat Wilto Marquis‘s JavaScript for Everyone course, Frontend Masters and Will Sentance just released their updated The Hard Parts of JavaScript course… Sheesh!
Gabriel Shoyombo reminds us all how CSS stacking context works, then walks through debugging several common CSS stacking issues that developers might encounter. If nothing else, a really good refresher!
Speaking of CSS debugging, Zoran Jambor walks us through debugging @starting-style in Chrome’s DevTools.
And speaking of Zambor, he also quickly demonstrates how to setup the HTML autocomplete attribute for 2FA, one-time code, and web authentication fields. Easily one of the best UX innovations in mobile development ever… Each and every time that I can just click the code while still on the page that needs it, I fall in love all over again…
Jen Simmons shows us how to start using CSS Grid Lanes (formerly known as Masonry layout) right now, with three fallback options, including using a polyfill, using progressive enhancement, or using a different layout altogether, where Grid Lanes isn’t yet supported…
And finally, Speedcurve‘s Page Speed Benchmarks is a fantastic resource for comparing web performance data, from Start Render through the Core Web Vitals to TBT, TTI and more, for 15 leading websites, across several industries, from retail to media and more, for Europe, USA or Japan. So many great insights in a single dashboard!
Happy reading,
Atg