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.

Why are companies after Chrome?

Google’s browser could eventually be up for sale.

The big UX quiz

118 questions to challenge your UX knowledge.

“Vibe coding, where 2 engineers can now create the tech debt of at least 50 engineers.”

The oppressive foundation of minimalist design

‘Good design’ may just be cultural conformity in disguise.

The subscription trap

It’s easy to join, but hard to leave.

Avoiding skill atrophy in the age of AI

“Never cease to actively practice your craft.”

The unknown side of ‘flex-wrap’

The CSS property also plays a role in alignment.

Using Cloudflare APIs for screenshots

A way to easily capture webpage screenshots.

The HTML ‘canvas’ element

Why is ‘canvas’ actually necessary alongside SVG?

Taste in design is a dead-end

“What you should have is a point of view.”

A decade of SolidJS

The past, present, and future of the UI library.

Changing scrollbar colors

What to consider when coloring modern scrollbars.

Beyond the prompt

Which AI tool actually works for designers?

Figma AI tools

A review of the design platform’s latest AI features.

Good vs. great animations

Practical techniques to elevate your animations.

Bias in design systems

Towards a more sustainable design system program.