A quick introduction to CSS @scope

An upcoming way to scope the reach of your CSS selectors.

Introducing Code Llama

An AI tool for generating and discussing code.

Don’t fake bold and italic text with Unicode

It hurts accessibility, findability, and predictability.

Common heading questions

Proper HTML h1-h6 usage and its impact on accessibility.

Improving the Double Diamond design process

We need a better concept that disappoints us less as designers.

Impossible!?

CSS only syntax highlighting with a single element and gradients.

Web Glossary

3,000+ key concepts and terms of the web explained.

The State of CSS 2023

As new CSS features gain traction, CSS framework usage drops.

Bézier curves

The logic behind Bézier curves interactively explained.

Scope vs. Shadow DOM

A justification for a much-needed CSS feature.

Power consumption of JPEG, WebP, and AVIF

Are faster-loading image formats also more energy-efficient?

Dark mode

How users think about it and which issues to avoid.

The value of good design

“Design’s ROI shouldn’t be reduced to crunching numbers.”

Collected

A web design gallery featuring eight websites per visit.

Website down?

Check your website’s availability and performance worldwide.

Falling for Oklch

A love story of color spaces, gamuts, and CSS.

How I write alt text for code snippets on social media

Should the alt text just be a copy of the full code?

Native CSS nesting support arrives in the big three browsers

The release of Firefox 117.0 completes the trifecta.

Why are websites embarrassing?

What it feels like to visit websites in the year 2023.

CSS Loaders

500+ loaders with just a single HTML element and CSS.

Letter to a mid level designer

What to do if you are looking for the path to the next level.

Please take full window screenshots

Best practices for capturing screenshots in product documentation.

Faster Chrome releases (round two)

Google speeds up the launch of its browser releases again.

60 UX cards to discover cognitive biases

Raise awareness about biases in a design workshop.

How to pick matching color palettes every time

Choose perfectly balanced color palettes using only numbers.

Scroll-timeline polyfill

If you can’t wait for cross-browser CSS Scroll-Driven Animations.

Astro 3.0

The modern web framework now supports the View Transitions API.

What happens when developers are liable for accessibility?

California’s AB1757 may be changing the rules.

The most common technical SEO issues

Top 15 technical SEO issues across 1 million websites.

Transhumans

Illustrations of characters transcending their biological barriers.

Educational Sensational Inspirational Foundational

A collection of groundbreaking web development blog posts.

“‘We asked our most satisfied users how to improve the website’ is such a baffling user research strategy.”

Cosmic Media

Search photos, videos, GIFs, AI images, illustrations, and vector graphics.

Micro tips for remarkably better typography

Ways to enhance your website’s typography in minutes.

Small details to improve your website’s experience

HTML/CSS snippets to provide a better UX in minutes.

I reviewed 1,000s of opinions on serverless

No technology is a silver bullet, and serverless is no exception.

Design tool memory usage

Testing Figma, Sketch, Photoshop, Illustrator, and Affinity Designer.

The SPA vs. MPA debate

Two new browser APIs are set to change the debate.

Nine essential information architecture practices

Basic practices in researching, modeling, and prototyping.

Web Components don’t need you

Chris Coyier’s take on the usefulness of Web Components.

“The software developer credo: why do the same task a few times when you can spend 5 hours failing to automate it?”

Announcing Biome

Biome, toolchain of the web, is the successor to Rome.

“Where are the design anarchists? Where are the design rebels? Where are the contrary design thinkers?”

Transitions

What makes a good transition, and which pattern to choose?

Memories of Molly

Molly Holzschlag, the ‘Fairy Godmother of the Web’, has died.

Browser video players review

How accessible is the native HTML video player today?

Long live the Test Pyramid

Does the testing model still fit into today’s development landscape?

WOFF has left the building

Is it fine to exclusively use WOFF2 webfonts today?

Web Components accessibility FAQ

A catalog of the most important questions and answers.

Accessibility for designers

How to drive accessibility in the product design phase.

Four common types of code coverage

What code coverage in tests is, and how to measure it.

Things that Jakob’s Law is not

“Jakob’s Law of internet UX isn’t an excuse to do poor work.”

The new Google Fonts

Google has redesigned its Google Fonts website.

Google bakes an ad platform directly into Chrome

Chrome now directly tracks users via a ‘topic’ list.

Web Sustainability Guidelines (WSG) 1.0

W3C’s recommendations for making websites more sustainable.

playCSS

Have fun while testing your CSS skills every day.

Design under pressure

Undesired users who may still access your website.

The State of WebAssembly 2023

Adoption, applications, challenges, opportunities, languages.

Rewriting digital content for brevity

Increase the chance that your words get read.

The dangers of deceptive design patterns

See how many of these patterns you recognize.

Docker images to solve all your debugging needs

Troubleshooting container-related issues with container images.

Squish meets structure

Challenges of designing products with language models.

Creating a CSS subgrid utility class for rows

Level up your design system with a new CSS feature.

The challenge of IP reputation

Trusting traffic based solely on IP addresses is risky.

Scroll-Driven Animations Debugger

A DevTools extension to visualize and debug Scroll-Driven Animations.

Is AI better at picking and pairing fonts than you?

The current state of AI’s typographic capability.

We need better hyperlink hygiene

Let’s try to avoid a disgusting web phenomenon: link rot.

Stop lazy loading product and hero images

Why lazy loading shouldn’t be applied everywhere.

Some notes on Local-First Development

“The web feels ready for a major upgrade.”

Redesigning Design Systems

An inspiring learning space about evolving design systems.

World Illustration Awards 2023

The shortlist and winners of the renowned illustration awards.

Critical WebP bug

WebP Codec exploited in the wild; update your browser.

Adobe’s Firefly generative AI tools are now widely available

Features like Photoshop’s Generative Fill tool are out of beta.

It’s dangerous to go alone

Ways to ensure your HTTP clients are pitfall-proof.

Simplifying CSS variable calculations

Better code readability for numerical operations.

Aria-roles do very little

What is an aria-role, and what does it actually do?

Using ‘rem’ doesn’t make your website responsive

CSS best practices when working with text sizes.

All you need for a proper dark theme

It has three states, does not flash, and is reactive.

The end of the subscription era is coming

Why paid subscription growth is demonstrably unsustainable.

JavaScript is getting array grouping methods

The new methods are closing an essential gap.

“My favorite thing about the current state of ads on websites is when you visit a recipe site and leave it open while you step away to do something, and the site crashes.”

Some web design styles that are uniquely Japan

Design features that are rarely seen in English websites.

An analysis of 5 monospaced fonts with coding ligatures

Or are coding ligatures just an unnecessary gimmick?

Design for meaningful outcomes

People don’t want outputs; they want outcomes.

JPEG and EXIF data manipulation in Javascript

A primer on JavaScript-powered EXIF tag handling.

Has data storytelling reached its peak?

The present state of data storytelling and its future direction.

How to make a strong case for accessibility

Get stakeholders on board with accessibility.

A short introduction to CSS Nesting

Benefits and applications of a long-awaited CSS feature.

WebKit features in Safari 17.0

HTML ‘search’, CSS ‘font-size-adjust’, JPEG XL, and much more.

Expanding your touch targets

Why a minimum of 24px space around touch targets matters.

The power of heuristic evaluations

It’s a perfect way to kick off any UX redesign project.

The state of web frameworks on Deno

Web frameworks you can already host near your users.

Move over Photoshop!

Microsoft Paint now has layers and transparency.

New ideas and unique solutions from Figma on accessibility

How Figma is catching up in the accessibility field.

How to calculate opportunity profit

Make better decisions about what to say yes and no to.

CSS fluid typography

Responsive text without using Media Queries.

We are Chrome for Developers

Chrome is celebrating its 15th anniversary this month.

A (more) modern CSS reset

Up-to-date CSS rules for consistent cross-browser styling.

Get it shipped

Three essentials enhance designer-developer collaboration.

Main-ly speaking

Why do web developers underuse the HTML ‘main’ element?