Automated visual regression testing

How to use Playwright’s visual comparison feature.

Vision, mission, strategy

How the concepts differ and why they matter.

AI ambivalence

”This is how I feel using generative AI: like a babysitter.”

Comparing WCAG, EAA, and EN 301 549

What they mean for businesses/organizations worldwide.

Making :visited more private

Chrome addresses a decade-old security issue.

Design is cumulative forward intent

“I don’t want your generative AI for design.”

Forbidden request headers

Some request headers are more trustworthy than others.

First look at the modern attr()

A new way to use CSS with HTML data attributes.

GodSVG

An open-source editor for Scalable Vector Graphics.

Simplify sharing

How to make content sharing effortless on your website.

New to the web platform (March 2025)

The latest browser features at a glance.

The art of design tokens

A metaphor for the 3-tier token model.

Decoding vibe coding

Hype, hope, and hard truths for developers.

CSS-only blurry image placeholders

A minimal technique with a sophisticated mechanism.

Midjourney just dropped V7 alpha

The popular AI image generator takes a big step forward.

The decline of Stack Overflow

Which fields were affected the most by the rise of AI?

The blissful zen of a good side project

”I think we exist to bring new things into existence.”

Make design fun again

“The heart of design is play, and we know it but forget to act on it.”

“Slow websites and websites that don’t work without JavaScript should be taxed.”

SnapGrid

An app for collecting and organizing UI screenshots.

Hacker Laws

Useful laws, principles, and concepts for developers.

Notification Psychology Lab

Learn what makes notifications hard to ignore.

“Love it!”

Our expectations of web page quality drop.

Tweaking text level styles (reprised)

Guidelines for HTML ‘mark’, ‘del’, ‘ins’, and ‘s’.

Overengineered anchor links

A technique to improve the UX of scrollable content.

Baseline, more than a rule of thumb?

“Don’t use Google’s Baseline to decide which web features to use.”

Fancy Components

Design elements and micro-interactions for your inspiration.

UA+

A different type of CSS reset style sheet.

Still weird, still wonderful

20 years ago, Git began to dominate version control.

Browser MCP

Connect AI apps to your browser to automate tests and tasks.

Mainlining mains

“Use only one (non-hidden) ‘main’ landmark per HTML page.”

‘Your’ vs. ‘My’

What works best to address your users?

Better typography with ‘text-wrap: pretty’

Safari brings unmatched polish to web typography.

CSS Naked Day 2025

April 9 is the day to showcase semantic HTML.

EC2 reserved instances’ silent exit

The impact on Amazon Elastic Compute Cloud users.

Nebula Sans

A versatile, modern, humanist sans-serif typeface.

CSS custom properties vs. Sass variables

How you can combine both with a hybrid approach.

More than 1,500 new fonts

Adobe expands its font library for Creative Cloud subscribers.

WordPress AI Site Builder

Create a fully designed, content-ready WordPress website.

The best programmers I know

What do they all have in common?

Writing the onboarding experience

How to help a product introduce itself.

The A-Z of design

Inspirations for designers to grow in their field.

Accessibility Link Tester

Examine screen reader interpretations of link features.

Designers don’t need to code

”They need to learn to prompt.”

Default 'h1' styles are changing

What this means for front-end developers.

Custom CSS functions in the browser

Start to experiment with author-defined functions.

ChatGPT can now recall your chats

The AI chatbot learns about users to personalize responses.

0xProto

A font for developers focused on code legibility.

Vert

A powerful file converter that respects your privacy.

SVG Viewer

Edit, optimize, and convert SVGs, all on one site.

Is ‘ethical AI’ an oxymoron?

The unpleasant side effects of generative AI.

“The IndieWeb doesn’t need to go mainstream to be meaningful. It’s a celebration of a more personal, decentralized, and creative world wide web.”

Flowing WebGL gradient

A modern and elegant touch to any landing page.

Multi-step logins with password manager support

The problem with email-first logins and how to solve it.

How to open and close HTML dialogs

You’ll use a little JS today but none in the future.

The post-developer era

”I’m still the one writing the code most of the time.”

Design critique framework

A way to determine if a design meets its objectives.

Types of GitHub users

Are you just a developer or a wizard?

Never lose a z-index battle again

How to set the highest possible z-index in CSS.

What are AI agents?

The evolution, architecture and future of AI Agents.

Micro-disappointments break UX

When little things stack up into UX debt.

“In a hurried world with infinite content, it’s worth considering that you’re no longer paid by the word when you write. In fact, you should pay for every extra word you use.”

The new Cookie Store API

A welcome alternative to the ‘document.cookie’ API.

Tools don’t design, people do

The value of human judgment in the era of machines.

Web performance tips for 2025

Tiny lessons for turbo-charged websites.

The CSS shape() function

It brings responsive shapes to modern CSS.

Apache ECharts

An ever-evolving JavaScript visualization library.

TLS certificate lifespan is going down

It will gradually drop to 47 days by 2029.

Google Search goes google.com globally

Same Google experience, but the URL may change.

The customizable select (part two)

Potions, anchoring, and radial shenanigans in CSS.

Error messages that actually help users

An opportunity to win user trust instead of losing it.

A11yInspect

A browser-based toolkit for accessibility testing.

People’s Graphic Design Archive

A crowd-sourced virtual archive of graphic design.

AINativeDev Landscape

A catalog of AI-powered development tools.

AI overviews reduce clicks by 34.5%

Google’s AI answers send you fewer visitors.

Designing in the browser

Your starting point for in-browser mockups.

Character Creator

Generate fun avatars, personas, or placeholders.

Minimal dark mode

Light and dark mode in just 1 line of CSS.

State of Web Dev AI 2025

Results of the first State of Web Dev AI survey.

All browsers get this wrong

What DevTools misinterpret about Shadow DOM.

The future or a UX nightmare?

AI-driven personalization in web design.

Chrome on the chopping block

The court ruled that Google has a search monopoly.

Giving up CSS pre/post-processors

Is it time to move on to native CSS?

Sandboxes

A repository of 30+ playgrounds for developers.

Welcome to the era of MEH

“Use AI, but don’t ever believe it’s the path to success.”

OpenAI wants to buy Chrome

Google’s antitrust trial could turn Chrome into an AI browser.

CSS theme variables from a JS file

How to avoid redundant theme maintenance.

Newfangled browser alternatives

A look at niche browsers with distinctive traits.

Design System Tactics

Tactics to help you make progress at every stage.

Vibe Coding isn’t an excuse for poor work

A field guide to responsible AI-assisted development.

The mostly true naming rule

“Do not give multiple names to the same thing.”

UI is communication

A communication-first approach to UI design.

From Next.js to Astro

“You’ll likely have a much smaller HTML and JS payload.”

Top 5 CSS navigation menu mistakes

How to avoid some of the most common UI gotchas.

Polishing your typography

The power of the CSS line height units ‘lh’ and ‘rlh’.

Users hate waiting

How to make loading screens a bit enjoyable.

Just in time content

“We’re going to see publishing change even more.”

CSS Boilerplate

A default CSS structure for projects of any size.

Design isn’t dead

Let’s move on from the same tired headline.

Button states

Effective indication of 5 button conditions.