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.

Out of order

How to deal with visual reordering issues in CSS?

The HTML ‘cite’ element

What belongs in a ‘cite’ element, and does it matter?

JavaScript, when is this?

Demystifying JavaScript’s confusing ‘this’ keyword (part 1).

Focus priming

Testing something for screen reader/keyboard-only use.

New to the web platform (April 2025)

The latest browser features at a glance.

GSAP is now 100% free

Good news for GSAP JavaScript animators.

Hana

A new collaborative canvas for interactive design.

Curved box cutouts

A versatile and stylish design pattern made with CSS.

DeepWiki

Which repository would you like to understand?

Design Tokens Name Generator

Design token naming conventions for your design system.

Contrast Report

A color contrast checker featuring picture-in-picture mode.

Progressive dehancement

A new tactic to detect spam in a contact form.

Easier layout with CSS ‘margin-trim’

Safari’s modern solution to an ancient layout problem.

Revisiting image maps

Sometimes you need to look back to move forward.

Firefox could be doomed

Google’s antitrust trial puts Mozilla’s browser in danger.

Chrome 137 beta

CSS if() function, shape() function, and more.

Third party cookies must be removed

The draft from the W3C Technical Architecture Group.

Native CSS carousels

How the new ‘::scroll-button’ and ‘::scroll-marker’ work.

“Great design isn’t defined by who knows your name, but by how well your work serves human needs.”

Seis Colores

Color palettes inspired by Mexican architecture.

Website Headlines

A well-organized collection of real headlines.

The big UX quiz

The answers to 118 UX quiz questions.

Redis is open source again

Redis 8 is the first version with the new license.

CSS ‘reading-flow’ and ‘reading-order’

New properties to make visual order accessible.

App deep links

The current state of linking to in-app content.

Passing your CSS theme to ‘canvas’

How to adapt an HTML ‘canvas’ to user settings.

The HTML ‘code’ element

A meta guide to ‘code’ without showing code.

The future of web development

Get on or get left behind.

SaaS UI

Illustrations for documentation and design systems.

Grid-aware websites

Are they the future of sustainable web design?

JavaScript’s spread and rest syntax

The power of the three dots in code.

Are ‘CSS Carousels’ accessible?

It’s worth thinking critically about new features.

What I’ve learned from Jujutsu

“It’s changed how I think about working with code.”

Glossary web component

A slick way to add links and context to your content.

Full-width containers in CSS

Ways to expand a box to the entire screen width.

The hero’s journey

The writing principles that guide users.

Figma didn’t kill critical design thinking

“The industry’s obsession with tools is hollowing out the craft.”

Optimizing Next.js performance

Things that surfaced while solving an LCP issue.

What Figma launched at Config 2025

Figma Sites, Figma Make, Figma Draw, Figma Buzz, and more.

Web publishing with Figma Sites

A new way to build custom responsive websites.

“Don’t publish designs on Figma Sites”

Figma Sites fails to meet accessibility standards.

P3 and alpha color picker

Safari brings a state-of-the-art HTML color picker.

Rybbit Analytics

A privacy-friendly alternative to Google Analytics.

Feedsmith

A JavaScript-powered generator/parser for web feeds.

JavaScript, what is this?

Demystifying JavaScript’s confusing ‘this’ keyword (part 2).

Celebrating with the perfect toast

How to fix a design pattern that often backfires?