Editor's Pick
Svelte 5 - Introducing runes
Svelte 5 is introducing "runes", which unlock universal, fine-grained reactivity.
Accessibility
Web Components Accessibility FAQ
When I first learned about web components, I had a lot of questions, especially regarding accessibility. While I found answers to many of them, I didn’t know everything I would’ve wanted to know. I wish I had a catalog of all the essential questions and answers when I started. That’s why I decided to design this post in a Q&A format.
CSS
CSS Support Guide for Email Clients
A complete breakdown of the CSS support for the most popular mobile, web and desktop email clients on the planet
Embedding SVG icons in CSS
I can’t quite recall what sparked the idea to embed all SVG icons in CSS instead of importing them as JSX components. Perhaps I was struggling to manage SVG assets for several small projects at the time. Regardless, this exploration delves into embedding SVG icons in CSS.
Nesting, Scoping, and Proximity (a FAQ)
Do we really need both scoping and nesting? Scope and nesting have some surface similarities, and nesting can be used (and has often been the only available tool) to express scope-like relationships. However, they diverge significantly from there.
A (more) Modern CSS Reset
I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version.
JavaScript
Nue - a powerful React, Vue, Next.js, Vite, and Astro alternative
Nue JS is an extremely small (2.3kb minzipped) JavaScript library for building user interfaces. It is a core part of the Nue ecosystem. It’s like Vue.js, React.js, or Svelte but there are no hooks, effects, props, portals, watchers, injects, suspensions, or other unusual abstractions on your way. Learn the basics of HTML, CSS, and JavaScript and you are good to go.
three-globe: WebGL Globe Data Visualization as a ThreeJS reusable 3D object
Largely inspired by WebGL Globe, this is a ThreeJS WebGL class to represent data visualization layers on a globe, using a spherical projection.
Point.js — A lightweight, client-side framework for building user interfaces
Point is a lightweight, client-side framework for building UI for the web. Its focus is on the view layer, and unlike many other frameworks, it uses plain HTML so it doesn't require you to learn a new syntax — which makes it extremely easy to pick up and use in your projects.
Point is a no-bloatware framework (only 4.7KB minified and gzipped), and it doesn't have a bunch of "features" you'll end up not using. It handles HTML rendering, data binding, and routing for Single-Page Applications.
Scroll-Driven Animations Debugger (DevTools Extension)
I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a DevTools extension to visualize and debug Scroll-Driven Animations.
StyleX - The Power of Inline Styles. The Speed of Atomic CSS.
StyleX is a simple and easy to use CSS-in-JS library that gives you the developer experience of using inline styles in Javascript combined with the performance of static atomic styles.
Tremor – The React library to build dashboards fast
Modular components to build dashboards in a breeze. Fully open-source, made by data scientists and software engineers with a sweet spot for design.
Svelte 5 - Introducing runes
Svelte 5 is introducing "runes", which unlock universal, fine-grained reactivity.
FlowerJS: JavaScript Framework for Flower Shapes and Animation
This framework extended CreateJS. Now the three types of flowers are provided. You can change the petal number and color.
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
surreal - mini jQuery alternative for vanilla JS
Mini jQuery alternative. Dependency-free animations. Pairs with htmx. Locality of Behavior. Use one element or arrays transparently. Vanilla querySelector() but better!
Miscellaneous
How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow
This article is a peek behind the curtain of how content is managed here at Smashing Magazine. In it, you’ll get a tour of an article’s full lifecycle, from a basic outline to the sort of thing you’re reading right this second.
Counting Ghosts - A case for abandoning web analytics
In 2019, I wrote Roll Your Own Analytics, my simple approach to privacy-first web analytics. Since then, my feelings have evolved: I've dropped analytics from all my active projects. This is why.