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?

Using Storybook to troubleshoot UI bugs

An underused use case for the frontend workshop.

Make the AI models do the prompting

The next level of prompting: AI-(re)written prompts.

Adventures in vibe coding

How AI helped to tame really, really big numbers.

Figma Dreamweaver

“Figma Sites brings back memories of the early 00s.”

Private, fast, social sharing links

A lean way to let people share your content.

Strategies for naming your side project

A starting point for finding the perfect project name.

I use zip bombs to protect my server

Listen bots, you have been warned.

Hyvector

A powerful web-based vector graphics editor.

TV Garden

Explore the fascinating world of live television.

PHP Operators

A quick reference to operators in the PHP language.

Error.isError()

A new way to check error types in JavaScript.

The Internet Archive opt-out itch

Ways to deal with your public internet history.

First impressions of Deque Axe Assistant

What to expect from the AI accessibility chatbot.

AI design tools status update

“We’re still nowhere near the AI-powered design tools promised.”

The CSS height enigma

Unraveling the mystery of percentage-based heights.

ARIA notify

Let’s make dynamic content changes more accessible.

Reddit turns 20

A testament to the incredible value of web communities.

Figma’s new grid

How the shift to CSS Grid affects designers.

Post-chat UI

How smart interfaces challenge traditional apps.

GitHub repository of Firefox

Mozilla’s web browser is now officially on GitHub.

“Vibe coding does not mean ‘using AI tools to help write code’. It means ‘generating code with AI without caring about the code produced’.”

ESLint can now lint HTML

The code linter delivers a new language plugin.

Android refresh

Google presents its latest Android design language.

Codigo

Discover and track trending programming languages.

Are we all just Figma operators now?

“Let’s remember that design happens before Figma.”

95% of homepages are inaccessible

What UX designers can do about it.

Browser-applied contrast

How to make CSS choose black or white for contrast.

Firefox Labs

A place to try new features and help shape Firefox.

Awareness

Today is Global Accessibility Awareness Day.

Bypassing hallucinations in LLMs

“I use OpenAI’s o3 to find canon­i­cal sources of in­for­ma­tion.”

Smoothly animating a ‘border-radius’

Two approaches using CSS View Transitions.

Fewer ideas

An unconventional approach to creativity.

Is your website gzipped?

How gzip compression of HTML/CSS/JS files works.

What are outcome-driven UX metrics?

Measuring the value that UX makes to people’s lives.

Long, short, and micro

When and how to design the copy types effectively.

The hidden cost of AI coding

What if we lose the joy in our craft?

ScreenRecorder

A web app to create impressive screen recordings.

Guide to diagramming and modeling

When was the last time you felt stuck?

HTML Email Accessibility Report 2025

“Accessibility in HTML emails remains critically under-addressed.”

Making the case for accessibility

How to convince people to care and invest in accessibility.

AI chatbots discourage error checking

Where today’s AI text generation falls short.

Country emoji flags

The geo-political minefield Microsoft is staying away from.

Have I Been Pwned 2.0

The password breach checker is now even better.

snapDOM

A fast and accurate DOM-to-image capture library.

Early preview of Dia

What’s next from The Browser Company?

Jules

An AI agent for code fixes, docs, and features.