Why Semantic HTML Still Matters — Complex trees, redundant CSS, big DOMs — this can all result in our sites taking a performance hit. Jono reminds us that semantic, clean, structured HTML is the route to foundational resilience: “This isn’t nostalgia. This is infrastructure”.

Jono Alderson

Clerk Authentication Is Now Deploy-Ready via the Vercel Marketplace — Install Clerk directly from Vercel to add full-stack auth to your Next.js app in seconds.

Clerk sponsor

🍪 Publishers Oppose W3C Plan to Kill Third-Party Cookies — An advocacy group has filed a complaint with the UK’s Competition and Markets Authority, arguing that the W3C’s position on third-party cookies is “anti-competitive and supports Google to the detriment of web publishers”.

Thomas Claburn (The Register)

Thinking Deeply About Theming and Color Naming — Zell shares some thought provoking musings on how we approach theming our sites (color palettes, semantic class naming, etc), along with how we might go about improving things in the interest of both beauty and flexibility.

Zell Liew

Address Formats Around The World — Have you ever had to deal with the dizzying amount of differences in how street addresses are formatted around the globe? There’s plenty of complexity to be aware of here — all of which poses plenty of challenges to web design, form structure and validation.

Fuqiao Xue (W3C)

The Web Isn’t 'URL-Shaped' Anymore — Frames how machines (bots, crawlers, AI etc) now view the web, and how we can approach handling this shift and possibly optimize for it. “Stop thinking about how to rank a page. Start thinking about how to exist in the models that are replacing the page”.

Jono Alderson

Drawing CSS Icons for Fun… and Dark Mode — An exploration of how Rémi (creator of Can I email) approached creating a CSS icon from scratch for an HTML email. (Disclosure: The email in question here is my Nintendo newsletter.)

Rémi Parmentier

ForesightJS 3.3: Predictive User Intent Library for the Web — An interesting concept, with the entire page acting as a demo of sorts. The idea is to decrease latency by prefetching data or pages as soon as you think a user might be heading in that direction. This week’s v3.3 release adds touch device support.

ForesightJS, Inc.

Accessibility Support: Will Your Code Work with Assistive Technologies? — Kind of like caniuse.com for accessibility. Type an element or attribute and the page will display screen reader support for that feature.

Michael Fairchild

JavaScript Form Builder with Drag-and-Drop UI & Built-In JSON Schema Editor — White-label form builder component (React/Angular/Vue3) that outputs form schemas in JSON. Works with any backend.

SurveyJS sponsor

Pattern Monster: 300+ Customizable SVG Patterns — Select any pattern, all searchable by category or keyword, then use various on-page sliders to customize the pattern to your liking before grabbing the CSS, SVG, or PNG.

Naveen CS

Progress Tracker: An HTML Component to Illustrate Steps in A Multi-Step Process — Useful for things like multi-step forms or timelines. You can try out the demo here, which allows you to see the different customization options.

Nigel O Toole

Hyvector: A Modern, Web-Based SVG Editor — Includes a healthy set of features, for example you can view paths and nested paths, show a grid, arrange & align, group objects, and lots more.

Hyvector

Bluefish: The Missing Diagramming Framework for the Web — A unique solution that allows you to build complex diagrams from simpler building blocks called “relations”, similar to components in a UI system. You can see a few examples as well as a live playground.

Bluefish

GitHub Profile Header Generator: Customize Your Header Image for Your GitHub Profile — This interactive tool allows you to select from different themes, customizable backgrounds, and “decoration” icon before downloading the image as a PNG.

Leví Arista