It’s time to disrupt visual regression testing

The testing tools we have and the testing tools we need.

GSAP is joining Webflow

The popular JavaScript animation library will stay public.

The user experience of developer tools

Key learnings from years of designing for developers.

A local-first case study

“It’s very possible to build a useful local-first app today.”

Bing Webmaster Tools debuts recommendations

The SEO tool now delivers website insights you can act on.

Be suspicious of success

“It’s not enough for a program to work, it has to work for the right reasons.”

Choice is not the enemy

“Let’s ditch the ‘don’t make me think’ mindset.”

CSS tricks that use only one gradient

What we can do with a single gradient is incredible.

The State of CSS 2024

Keeping up with CSS updates feels like a full-time job.

My solar-powered and self-hosted website

“We can make the web a greener, more efficient place.“

“We can return to that place where the web is a place of wonder, where all of us feel that same burning feeling of excitement as we push the web back towards the wonderful, beautiful, joyful place it ought to be.”

You should be using an RSS reader

“RSS will nudge the whole internet towards a better state.”

How I organize variables in Figma

Managing variables in the design tool requires many decisions.

Notes on the vanishing .io top-level domain

“Registering a domain is different from owning a domain.”

Searching for and navigating Git commits

How to make exploring commits much more enjoyable.

You can use ‘text-wrap: balance’ on icons

The new CSS property doesn’t only work on text.

What makes a font accessible?

Selecting the right font goes beyond aesthetics.

Why are static site generators so complicated to use?

“Modern static site generators are a bit like a hard video game.”

Introducing AI assistance in Chrome DevTools

What’s coming with the AI assistance panel.

Help us choose the final CSS Masonry syntax

Get the latest updates and share your feedback.

Farewell, sitelinks search box

Google drops site-specific searches from result pages.

VTracer

A web tool to turn raster images into vector graphics.

Rewriting JavaScript tools in ‘faster’ languages?

Skepticism arises from real objective concerns.

The AI agents have arrived

“The web is never going to be the same.”

View transitions staggering

A neat way to bring life to a menu expansion.

The nuance of ‘domain’

A ‘domain’ may be trickier to parse than you think.

Design systems glossaries and primitive tokens

The ideas driving conversations about design systems.

Color fonts

A selection of COLR, COLRv1, and OpenType-SVG fonts.

Svelte 5 is alive

The popular UI framework has been fully rewritten.

Where web components shine

Beware: “Not everything needs to be a web component.“

Opera One R2

AI command line, split screen, media player, and more.

Baseline status for your code snippets

Logos and web component to indicate major browser support.

Design system-friendly snowflakes

CSS utility classes work well for one-off components.

Announcing MozBar V4

What’s new with the popular SEO browser extension.

Adobe made its painting app completely free

Fresco users no longer require a subscription.

So, your CMS blew up

The road ahead if you’re leaving WordPress.

A new Vivaldi browser

New UI, dashboard, better email client, feed reader, and sync.

The difference between popovers and dialogs

Let’s finally clear up the confusion between the two.

Simplifying design system documentation

Where to start and how to approach it.

Smarter than ‘Ctrl+F’

Linking directly to web page content without anchors.

WebStorm and Rider now free (non-commercial)

Good news for users of JetBrains’ JS and .NET IDEs.

The makers of Arc are building a second browser

Because “Arc is just too much novelty and change.”

CSS left half and right half layout

The many ways you can split a layout into two equal parts.

Using static websites for tiny archives

Zero web server, zero build system, zero dependencies.

“Movements like the Indieweb and the Fediverse remind me that the ideals I once loved, and that spirit of the early web, aren’t lost. They’re evolving, just like everything else.”

just build things

A collection of handy web tools for digital creators.

Pelicans on a bicycle

How AI models handle something they weren’t trained on.

AWS data center latencies

Visualized time delays between Amazon Web Services regions.

Favicon in Search Checker

Verify if your website’s favicon works for Google Search.

Come to the light-dark() side

Simplify light/dark mode setup with modern CSS.

The open secret of open washing

When companies pretend to be open-source.

Before buying, check if it’s haunted

Sometimes, a domain has an unpleasant history.

Making content-aware components

A technique using CSS :has(), grid, and quantity queries.

Figma vs. Canva

When and why you might choose one over the other.

Copilot vs. Cursor vs. Cody vs. Supermaven vs. Aider

The choice comes down to your specific needs.

Managing multi-library design systems

How can we orchestrate similar UI libraries?

Top level domains with novel behavior

Which TLD is most suitable for a private network?

Calculating the ROI of your design system

An inspiring selection of some practical approaches.

Penpot plugins

Discover plugins for the popular open-source design tool.

Woah, opacity!

How opacity can simplify your design process.

WordPress alternatives

Stick with PHP or pivot to JavaScript?

A good design is a good essay

UX design isn’t just solving problems; it’s making a case.

The IPv6 transition

The shift to the latest internet protocol may still take decades.

Designing for Gen Z

Why standard design advice for Gen Z might not work.

Bringing developer choice to Copilot

GitHub adds new AI models to its coding assistant.

Should masonry be part of CSS grid?

Exploring two CSS syntaxes for waterfall layouts.

New to the web platform (October 2024)

The latest browser features at a glance.

The JavaScript ecosystem in 2024

“When there’s competition in DevTools, developers win.”

Using constraints in Figma

How they help us build adaptive interfaces.

Halloween, (CSS) masks, and logic gates

Replicating a nerdy meme with HTML and CSS.

The power of accessible products

“Accessible design isn’t designing for everyone; it’s designing for anyone.”

Introducing ChatGPT search

OpenAI adds a search engine to its chatbot.

ASCII Control Characters

The role of the 32 control characters in the terminal.

What’s new in DevTools, Chrome 131

AI-powered CSS debugging, improved performance panel, and more.

Don’t use localStorage for sensitive data

Alternatives for tokens, secrets, and private info.

State of Designer-Developer Collaboration 2024

36% of engineers vs. 10% of designers say teamwork is smooth.

S.Y.N.C.

Ensuring navigation consistency in complex platforms.

Octoverse 2024

Python is now the most used language on GitHub.

A new home for Pixelmator

Apple has signed a deal to acquire the image editor company.

Web font file size study: variable fonts

If your variable font tops 35K, ask why.

Flexible Typesetting is now yours

The classic web typography book is freely available.

“If you’re not open to the idea that the problem you are solving for may need something other than a digital solution, then you're not really interested in solving the problem.”

CSS Spring Easing Generator

A web tool for effortless, smooth spring animations.

Fun with custom cursors

Two ways to change the default cursor appearance.

CSS sprite sheet animations

Sleek interactive animations based on bitmap images.

The HTML ‘body’ element

There is more to say about it than you may think.

Your CSS reset should be layered

Why and how to use cascade layers for CSS resets.

HTML ‘details’/‘summary’ get an upgrade

Disclosure widgets will be more stylable and interoperable.

Practical visual collaboration in 10 minutes

The essentials to cultivate visual collaboration.

A friendly introduction to container queries

The CSS feature everyone asked for but few are using.

Why jQuery 4 reminds us to move on

A comparison of jQuery 4 with native JavaScript web APIs.

Mind the (remediation) gap

Why web developers should be familiar with markup.

Add content to print margins

The Chrome browser brings new CSS printing features.

SearchGPT vs. Google vs. Bing

The possibility and limitations of ChatGPT Search.

Sibling parameters as default values

Ever tried ‘myFunc(arg1, arg2 = arg1)’ in JavaScript?

Web design inspiration

A collection of websites to spark your creativity.

Beautiful focus outlines

How to make active web elements more inviting.

Designing for decision making

The psychology of choice in digital spaces.

Why you should care about WebViews

It’s time to highlight what developers often overlook.

CSS text effects

A wonderful collection of text effects for the web.