Editor's Pick
CSS Isn’t Broken. You Just Never Read the Docs
Thing is, CSS feels simple right up until it isn’t. And that gap — between how easy it looks and how deep it actually runs — is where most devs wipe out.
This is why Tailwind has become so popular (especially in the "full stack" world), which is also briefly touched on in the article.
Accessibility
WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation
WCAG is evolving. Since 1999, the Web Content Accessibility Guidelines have defined accessibility in binary terms: either a success criterion is met or not. But real user experience is rarely that simple. WCAG 3.0 rethinks the model — prioritizing usability over compliance and shifting the focus toward the quality of access rather than the mere presence of features. Could this be the start of a new era in accessibility?
WCAG 3.0 is still in draft, but is evolving — and it represents a fundamental rethinking of how we evaluate accessibility. Rather than asking whether a requirement is technically met, it asks how well users with disabilities can complete meaningful tasks. Its new outcome-based model introduces a flexible scoring system that prioritizes usability over compliance, shifting focus toward the quality of access rather than the mere presence of features.
The European Accessibility Act: what businesses and app developers need to know
The EAA becomes enforceable on June 28, 2025. From that date, new digital products and services must comply immediately. Existing services have until June 28, 2028, unless they undergo major updates after June 2025, in which case immediate compliance is required.
Small businesses with fewer than 10 employees (FTE) or annual turnover below €2 million are exempt. Exceptions may apply where compliance represents disproportionate burdens.
Are 'CSS Carousels' accessible?
In this post I want to examine the newly announced “CSS Carousels” through the lens of usability and accessibility. I’ll start with a spoiler: CSS Carousels are highly experimental and they are not yet ready for production; not only because of the current lack of browser adoption for the new CSS features they use, but also because they have some major accessibility issues.
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.
It’s like Dreamweaver has been resurrected from 1997, except now with mouse parallax!
Div everything. Screenshot is from https://plugin-value-scrum.figma.site
CSS
Anchors for Tailwind CSS
Anchors for Tailwind CSS is a plugin that brings declarative support for the CSS Anchor Positioning API to Tailwind, allowing you to define and position elements relative to custom anchors. It adds utilities for anchor-name, position-anchor, position-area, anchor() and anchor-size() expressions.
It also lays the groundwork for using View Transitions to animate any anchored elements, which would require separate JS (for now).
Rounded triangular boxes in CSS/SVG
In the Motorway brand refresh, I had to build a lot of rounded rectangular & triangular shapes (I don’t know what they’re officially called), and got quite good and understanding the pro’s and con’s of each approach. Depending on your use-case, there’s a few possible options available to you.
GTA CSS - A technical demo of how CSS 3D works
I made a Grand Theft Auto style demo in CSS 3D (as much as possible) because I was bored and had far too much free time.
Play the demo here.
Quick and Dirty Colour Palettes using color-mix()
Learn how to use CSS color-mix() to create tints, shades, opacity variants, and even dynamic palettes for your projects. From simple setups to advanced techniques, this guide explores how to enhance your design system and streamline theming with modern CSS tools.
How to Create Full Width Containers in CSS
What do you do when you have a container element with a fixed width, but want something inside that to stretch to the full width of the screen?
CSS Isn’t Broken. You Just Never Read the Docs
Thing is, CSS feels simple right up until it isn’t. And that gap — between how easy it looks and how deep it actually runs — is where most devs wipe out.
This is why Tailwind has become so popular (especially in the "full stack" world), which is also briefly touched on in the article.
CSS shape() Commands
The CSS shape() function recently gained support in both Chromium and WebKit browsers. It's a way of drawing complex shapes when clipping elements with the clip-path property.
Critical CSS Generator
Critical CSS refers to the minimal set of CSS rules required to render the visible portion of a webpage (above the fold). By extracting and inlining this CSS into your HTML, the browser can render content faster without waiting to load all stylesheets, improving performance and Core Web Vitals like First Contentful Paint (FCP).
Good vs Great Animations
We all want our UIs to feel great and animations can definitely help with that. But how do you actually create a great animation? This article is a collection of practical tips to help you go from good to great animations.
Curved Box Cutouts in CSS
This post explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners. It’s useful for visually demarcating supplementary elements or user controls in a card module.
HTML
Cerberus - Patterns for Responsive HTML Email Templates
A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
JavaScript
RSC for Astro Developers
If you know Astro, you already have 80% of the mental model for React Server Components. (Even if you think React Server Components are a terrible idea, Astro is worth learning.)
How to Create a JavaScript EXIF Info Parser to Read Image Metadata
Learn how to build a JavaScript EXIF info parser to extract metadata like camera model, date taken, and orientation from image files. Includes code examples using DataView, ArrayBuffer and FileReader.
Converting values to strings in JavaScript
Converting values to strings in JavaScript is more complicated than it might seem:
- Most approaches have values they can’t handle.
- We don’t always see all of the data.
How to master JavaScript debugging for web apps
Discover several strategies for effective JavaScript debugging, including source maps and other techniques using Chrome DevTools.
What Does "use client" Do?
React Server Components (in?)famously has no API surface. It’s an entire programming paradigm largely stemming from two directives:
'use client''use server'
I’d like to make a bold claim that their invention belongs in the same category as structured programming (if / while), first-class functions, and async/await. In other words, I expect them to survive past React and to become common sense.
How to Master DOM Tracking with MutationObserver: The Complete Guide
Learn advanced techniques for monitoring DOM changes with MutationObserver. This comprehensive guide covers implementation strategies, performance optimization, and real-world use cases for dynamic content tracking.
How to Clone Complex JavaScript Objects with structuredClone()
Learn how to efficiently create deep copies of complex JavaScript objects using the built-in structuredClone() method. This modern approach handles nested objects, arrays, and special data types that traditional methods can't properly clone.
String Tune
StringTune is a cutting-edge JavaScript library designed to deliver high-performance, modular web effects. Whether you're looking to add smooth parallax scrolling, dynamic cursor interactions, progress tracking, or autoplay videos, StringTune empowers developers with a powerful, attribute-driven approach. It simplifies the creation of visually captivating websites while remaining intuitive for both beginner and advanced developers.
Miscellaneous
Content Toolkit - An Ultimate Directory of Content Management Systems
A curated collection of the best 350+ content management systems. Find the perfect content management system for portfolio, blogging, website, you name it.