F-shape pattern and how users read

Design techniques to prevent harmful scanning patterns.

The slow death of CSS vendor prefixes

Which CSS properties still require a prefix?

These weeks in Firefox (issue 159)

Better performance, popover API support, and more.

Adobe makes it easier to use Photoshop’s AI tools

Photoshop now runs a more powerful Firefly model.

Invoking elements by using only HTML

“Something we need and probably long overdue.”

HTML attributes vs. DOM properties

What fewer and fewer developers seem to know.

How the meaning of color varies per culture

Think twice before randomly picking nice colors for your UI.

Google delays third-party cookie demise yet again

No specific timeline was given beyond hoping for 2025.

The problem with ‘new URL()’ in JavaScript

And how the addition of URL.parse() fixes it.

Why don’t we talk about minifying CSS anymore?

It’s no longer a significant concern for developers.

Font licensing explained like a human

A brief primer to the basics of font usage rights.

Neurodiversity and UX

Designing for people with cognitive and learning disabilities.

GitHub’s keyboard shortcuts

Almost every page on the developer platform has one.

Signs your front-end code has quality issues

Issues that have a negative impact on your users.

Detect JavaScript support in CSS

Pros and cons of using the ‘scripting’ media feature.

Content design 3.0

The shift towards a new paradigm in content design.

Popover API lands in Baseline

Another great CSS feature landed across all major browsers.

How web bloat impacts users with slow devices

Why web performance deserves greater attention.

Net neutrality is back!

“The decision reaffirms the internet remains a public resource.”

The end of the free tier

“Free tiers should attract users rather than trap them.”

Write better CSS with modern CSS

New CSS features can help you streamline your code.

Map of the web

The web universe with 50,000 sites/blogs and links.

CSS Specisithity

A playful illustration of the CSS specificity wars.

SVG Viewer

A tool for editing, optimizing, and converting SVGs.

A good image tells a good story

How to choose visuals that support your narrative.

Images as the first thing in a button or link

How they can bother users of assistive technology.

VisBug v0.4.0

The ‘Firebug for designers’ continues to get better.

Six levels of dark mode

The many ways of light/dark mode differentiation.

The polish paradox

The more you polish, the less you see.

Passkeys: A shattered dream

“Passwords are a better experience than passkeys.”

The picture-superiority effect

How you can harness the power of visuals.

Compact navigation

Innovative approaches to space-saving website menus.

Can you detect overflow with CSS?

Yes, you can, thanks to scroll driven animations.

New to the web platform (April 2024)

The latest browser features at a glance.

Apple to unveil AI-enabled Safari browser

What to expect in the upcoming Safari 18 release.

Popover API is here

What you can expect from the new web API.

How to design accessible forms in 10 steps

Techniques for designing forms that work for everyone.

The future of browser interfaces

A UX analysis of Arc, Opera, and Edge.

Why are my live regions not working?

What developers often misunderstand about live regions.

Don’t put crap in the design system

Crap is inevitable, but how to deal with it?

An alternative proposal for CSS masonry

How should CSS handle masonry-style layouts?

Navigating the buzzwords of front-end development

Jamstack, Edge, CSR, SSG, SSR, MACH, headless, and so on.

Making product value obvious

Why do we so often fall short of this easy aim?

Combining CSS :has() and HTML ‘select’

Conditional styling based on drop down options.

My approach to HTML web components

Naming, single responsibility, cross-component communication.

How to know when to use AI

A simple decision-making aid may help.

Microsoft Edge continues upward trend on PC

The current browser market shares (StatCounter).

Passkeys

News and updates around passwordless sign-ins.

Typography variables in Figma are here

News from Figma’s Framework 2024 event.

The rise of generative AI-driven design patterns

Several design patterns already begin to crystallize.

The perfect site doesn’t exist

“A humane web is about much more than just code.”

Save the web by being nice

“Let’s take the time to be nice to just one site a day.”

We can have a different web

“We can restore the things we loved about the old web.”

Cool Shapes

A collection of 100+ shapes with noise or solid gradients.

Design Spells

Micro-interactions, easter eggs, and other design extras.

Stackradar

Tech tools to transform, streamline, and scale your work.

Misconceptions about CSS Specificity

Let’s clear up the confusion around it.

Render-blocking on purpose

What’s the point of the new HTML ‘blocking’ attribute?

The Vue ecosystem in 2024

Popular tools and libraries used by the community.

Sustainable UX design

Can UX design contribute to a sustainable future?

Should we rely on browser detection?

“In most cases, you don’t need browser detection.”

Stack Overflow signs deal with OpenAI

The partnership aims to improve their AI models.

Time-based CSS animations

The power of the time-based way of animation.

Show me!

How visuals can help us to understand things.

Initial CSS level categorization

Let‘s better organize the evolving landscape of CSS.

Sketch 100

It’s more than a number for the popular design tool.

Can I WebView

Like Can I Use but for browsers embedded within an app.

PHP doesn’t suck anymore

“It's high time to revise our opinions about it.”

Introducing ‘Unleash the power of scroll-driven animations’

A video course on scroll-driven animations with CSS/JavaScript.

Notes on quality

Quality in design is not a single, objective measure.

‘Slop’ is the new name for unwanted AI-generated content

Like ‘spam’ became the term for unwanted advertising.

Printing music with CSS Grid

A fantastic showcase of what CSS Grid is capable of.

Stack Overflow bans users en masse

Banned users deleted answers to prevent AI training.

No, I don’t want to fill out your contact form

“They are often just a worse experience for everyone involved.”

A closer look at closure

The little design rule that makes a big difference.

Quick-and-dirty accessibility

What any developer can contribute to a more inclusive web.

Manifesto for a humane web

We need to build a web by and for humans.

Introducing the CSS Anchor Positioning API

“The CSS Anchor Positioning API is a game-changer.”

The modern guide for making CSS shapes

Shapes with the smallest and most flexible code possible.

“The simplicity of HTML and CSS now feels like a radical act. To build a website with just these tools is a small protest against platform capitalism: a way to assert sustainability, independence, longevity.”

What are you interested in?

Discover website authors’ passions in a fresh way.

The rise of sustainable UX design

Let’s make our digital world a greener place.

New alternatives to JavaScript’s innerHTML

What you can expect from setHTML and setHTMLUnsafe.

Contextual SVG fill and stroke values

What you can expect from the new SVG feature.

Website settings

How modern browser features can power your site settings.

Best intention barriers (ARIA edition)

Let’s not forge new obstacles in our pursuit of accessibility.

GPT-4o

OpenAI’s new model masters audio, vision, and text.

Creative ways to playback research

Sharing research findings with graphics instead of reports.

WebKit features in Safari 17.5

CSS ‘text-wrap: balance’, light-dark(), @import, and more.

The elements of good craft

How details, focus, time, and taste elevate design.

State of HTML 2023

What developers expect from HTML in the future.

The AutoComplete box, reinvented for the modern web

A versatile, accessible autocompletion Web Component.

JavaScript-free site menu

It’s time to learn about popovers and anchor positioning.

10 updates from the Google I/O 2024 event

Google brings AI to Chrome DevTools, and more.

Dark mode & accessibility myth

Dark mode doesn’t improve readability for everyone.

Promise.withResolvers()

A look at the handy ECMAScript 2024 feature.

Announcing the Web Platform Dashboard

The web platform mapped as a set of features.

I reviewed 1,000s of opinions on HTMX

The trending JavaScript library is thought-provoking.

HTML’s attribute ‘target=_blank’ implies ‘rel=noopener’

What you need to know about the ‘target=_blank’ security issue.

Google brings ‘web’ search, and an AI opt-out button

“It could be an incredibly popular change to Google’s search engine.”