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.

More options for styling HTML ‘details’

All the changes introduced in Chrome 131.

Beautifully crafted animated icons

A collection of dynamic icons available as open-source.

The HTML ‘button’ element

“The most misunderstood and least utilized of all HTML.”

Learn Web Components

A course with carefully curated posts on the topic.

Stop writing extra code

HTML inputs are more powerful than you think.

Sanitize client-side

Why server-side HTML sanitization is doomed to fail.

Why Alpine is the new jQuery

Getting started with the lightweight JavaScript framework.

Your UI designs suck

Tools that will help you find UI flaws and issues.

Fluid everything else

“Responsive design should be almost invisible to the user.”

HTML form validation is heavily underused

Why is there so little knowledge about it?

Alternatives to typical tech visuals

Intriguing ways to present technical data/information.

The different ways to toggle content

State-of-the-art disclosures, modals, and overlays.

Moving to Firefox: the first anniversary

The challenge of choosing an ethical browser.

Firefox turns 20!

On November 9, 2004, Mozilla launched Firefox 1.0.

Draw Audio

A musical sketchpad using the Web Audio API.

UI Fonts

Test font pairings for your design needs in real time.

You’re not a CSS developer without a reset

A CSS reset can also elevate your typesetting.

Steve’s Jujutsu Tutorial

An introduction to the novel version control system.

Understanding Round Robin DNS

How browsers and CDNs select which server to use.

AI vs. SEO

What does the future of web search look like?

Anchoreum

A multi-level game to learn CSS anchor positioning.

MingCute

A vast and versatile open-source icon library.

Web Almanac 2024

Explore the latest web trends and insights.

Centering things: a solved CSS problem?

Where visual centering can still be a challenge.

How I ship projects at big tech companies

“The most common error I see is to assume that shipping is easy.”

New internet rules will block AI training bots

The proposal suggests familiar ways to block the bots.

Goodbye 4px spacing, hello Fibonacci

A fresh perspective on spacing systems in design.

JavaScript import attributes

More explicit and secure module imports in ECMAScript 2025.

JavaScript’s Promise.try

The Promise equivalent of a try-catch block in ECMAScript 2025.

Official logo for CSS

CSS never had an official logo, but now it has one.

Don’t forget to localize your icons

It can undermine the trust you’re trying to build.

CSS ‘overflow: clip’

How it works, why it’s useful, and practical examples.

Should destructive buttons be hard to find?

“We’re all prone to misapplying a rule or two.”

Choosing the right words for effective UX

What to consider when naming global website elements.

State of HTML 2024

The current landscape and future of the web platform.

Addition for CSS reset: interpolate-size

“Animating from 0 to auto has never been so easy.”

The HTML ‘br’ element

The line break that can easily break things.

GEO for Perplexity and ChatGPT

How to gain visibility in generative AI answers.

What no one told me about Postgres

Missing bits in the official database documentation.

Two books, no longer apart

The responsive design pioneer’s classics are now free to read.

The 2024 UX Tools Map

An illustrated guide to the UX software landscape.

Introducing our grid-aware websites project

The goal is a developer toolkit to make eco-friendly choices.

The stretch keyword

A better alternative to ‘width: 100%’ in CSS?

Will we care about frameworks in the future?

“I dunno, but it will be a lot of fun to find out.”

Top 200 most common passwords

The most popular passwords by country and worldwide.

Universal browser display of web feeds

How to render RSS/Atom feeds in any browser.

Landing page templates

A collection of pre-designed web page layouts.

“In an online world dominated by huge online presences, maybe we should start spending more time celebrating smallness. Because, from a purely human perspective, small scale is the best scale.”

Motion

A modern animation library for JavaScript and React.

Git Cheat Sheet

A Git command guide to master version control.

The joy of accidentally weird-looking websites

Why proper fallback fonts make a difference.

Design systems Q&A

A session on modern design system practices.

JavaScript truthy and falsy

A fundamental yet often misunderstood concept.

Using auto layout in Figma

How to create responsive and robust components.

What’s your excuse for not using it?

“It is a crime people don’t use the web share API more.”

Checkout UX 2024

“Most sites have a long way to go to improve checkout UX.”

The root causes for the development-design mismatch

“Product designers will have to give up their beloved free-form canvas.”

Types of disability

Overview of seeing, hearing, moving, and thinking disabilities.

Why responsive design is failing modern users

“Responsive design isn’t dead, but it’s no longer enough.”

Managing reactive state using custom elements

Signals work great in custom elements too.

“It’s popular to claim that AI is now as bad as it will ever be. I think it’s naive to underestimate how much worse anything designed by humans can become in the future.”

AI’s transformative impact on web design

Supercharging productivity across the industry.

OpenStreetMap’s new vector tiles

The open map provider is adding vector tile support.

Clashing colors in UI/UX design

How we can use them mindfully and effectively.

Importing a frontend JavaScript library

What if you want to set it up without a build system?