My favourite color is Chuck Norris red

What makes the web work, no matter what we throw at it.

Blog of the .Day

Explore the indie web, one blog at a time.

Data Never Sleeps 12.0

What happens on the internet every minute in 2024.

MSHR

Pick ready-made CSS mesh gradients, or create yours.

Google’s policy change towards fingerprinting

Is this the biggest privacy erosion in 10 years?

BroadcastChannel API

Basic communication between browsing contexts.

Keyword Vitals

Evaluate your SEO rankings with web performance scores.

Baseline with fallback strategies

How to decide on polyfills and progressive enhancement.

Geometric patterns

A collection of Xmas, flower, and line patterns.

Starry Sky

Create night sky patterns for social media and websites.

Colorspace

A web tool for generating consistent color swatches.

Assistive24

Enhanced web surfing for various accessibility needs.

Awesome Docs Gallery

A collection of outstanding developer documentations.

The design leader dilemma

“We need to redefine our role from implementor to enabler.”

The underrated HTML ‘dl’ element

A natural fit for common visual design patterns.

Preloading fonts for web performance

A low-effort yet effective optimization technique.

Has ROI killed UX?

Why measuring UX in dollars misses the bigger picture.

Web development trends in 2024

The return to simpler web development practices.

Node.js now supports TypeScript by default

Node 23 will soon run TypeScript files out of the box.

Ghostty

A fast, feature-rich, and cross-platform terminal emulator.

I cannot wait for the CSS @function

How it would enhance an excellent CSS trick.

HTML ‘datalist’ is more powerful than you think

What if we mix in field types like color and date?

HTML iframes for arbitrary content

Why general page content is best kept out of iframes.

What does it mean to have an ‘experience’?

How different definitions of experience shape product perspectives.

Confetti Generator

Create confetti for social media and websites.

EmojiStorm

Let it snow, or bring on the emoji party!

Devolution

Responsive music video made with no images!

Happy New Year!

ASCII-art wishes for 2025, rendered from an image.

Happy New Year!

Check it out if CSS 2025 intrigues you (it does!).

L(O*62).ONG

Why shorten a URL when you can longer it?

“The web wasn’t built by solo tech geniuses, or finance firms, or luminaries with grand promises. It was time, and energy, compounded by millions of people. Collective action will be what brings us to the next era of the web.”

Fabulous font-face fallbacks

How we can reduce headaches for our users.

Theme Machine 2.0

New options for the versatile color scheme builder.

How to get good at anything creative

What exactly does it mean to develop those skills?

Measuring design

Core metrics that work for almost any organization.

Google speculates if SEO ‘is on a dying path’

Insights from Google’s latest Search Off the Record podcast.

Animations linked to a View Transition

How to get the animations with little JavaScript.

Rules for writing software tutorials

Crafting a great tutorial is easier than you think.

CSS ‘scrollbar-width’ and ‘scrollbar-gutter’

New features to refine scrollable user interfaces.

Cookie Store API

A modern asynchronous alternative to ‘document.cookie’.

Web apps are quietly replacing native apps

”I’m bullish on web apps (especially PWAs) in 2025.”

Overlays’ false claims finally get their due

“The U.S. FTC has put accessibility overlay vendors on notice.”

Your app should have been a website

“It’s time to rethink if we really need native apps.”

Detecting browser zoom changes

How to identify a browser/pinch zoom with JavaScript.

BlogScroll

An open directory of personal sites and blogs.

Insane and fun facts about SQLite

”It’s likely used more than all other database engines combined.”

Grab browser links/titles in one click

A bookmarklet to quickly copy page titles and links.

CSS wants to be a system

It doesn’t come with one out of the box.

Balancing text In CSS

The power of ‘text-wrap: balance’ and ‘text-wrap: pretty’.

Things we learned about LLMs in 2024

Key themes and moments in the AI landscape.

Why UX is more important than UI

“Prioritize UX, and your users will thank you.”

Formatting dates and times in JavaScript

Say hello to the Temporal and the Internationalization API.

Bing is trying to spoof Google UI

How Microsoft tries to keep its users from Google Search.

The future of htmx

The developer team hopes to see htmx as the next jQuery.

Designing websites for bad performance

How to support users on weak networks or basic devices.

Should AI write your alt text?

Where AI can help and where human touch is needed.

HTML attributes and JavaScript properties

Often conflated, the two have subtle differences.

Node’s new built-in support for TypeScript

How it works, what to notice, and what’s next.

GETting your IP Address with CSS

Let’s get API responses without JavaScript!

Design trends 2025

A personal take on emerging design movements.

Getty Images and Shutterstock merge

What the visual content giant means for creatives.

2024 JavaScript Rising Stars

Top starred GitHub projects in the past year.

Double-keyed caching

How browser cache partitioning changed the web.

Simple masonry-like composable layout

A CSS interim solution until browsers catch up.

Magic/tragic email links

Why they should not be your only login option.

Viz Palette

A web tool to pick accessible colors for data visualizations.

ECMAScript ‘Import Attributes’

A look at a feature expected in ECMAScript 2025.

Everything I know about Deno

A deep dive into the Node.js alternative.

Principles of web accessibility

Essential guidelines for approaching accessible web design.

Browser adaptation

Exploring the browser as a storytelling medium.

Native HTML light/dark color scheme switching

A cool way to bring light and dark mode to life.

NeuralSVG

The open-source AI tool reshapes vector graphics workflows.

Linux Foundation launches Chromium browsers initiative

Google’s Chromium code will drive new open-source browsers.

Updates to the customizable select API

Customizing HTML 'select' elements is about to get easier.

Soft skills in the age of AI

“If your sole responsibility is to write code, your job is almost certainly at risk.”

Developer Portfolios

A gallery of developer portfolios for your inspiration.

Making space for a handmade web

Some ideas to inspire a different kind of web.

The beautiful sentence that is the web

HTML is the noun, CSS the adjective, and JS the verb.

Pattern Monster

Customizable SVG patterns for your creative projects.

“Maybe we should stop calling them ‘notifications’ and instead refer to ‘interruptions.’”

Progressive enhancement brings everyone in

“An idea that has lasted for two decades, and will continue.”

HTML & CSS for Absolute Beginners

A video course on how to create your first website.

Getting a ‘modern’ terminal setup

How to do it and why it’s harder than expected.

New devices, new opportunities

Designing for the foldable smartphone wave.

Sharing a variable across HTML, CSS, and JS

How to make use of a variable in three languages.

Accessibility essentials

What every front-end developer should know.

Why agile is losing steam

“Agile did not give large organizations what they want.”

The geography of interface

Is there a pattern language for digital spaces?

WordPress is in trouble

“Things have gone off the rails.”

Is 2025 the year of the ‘design engineer’?

What influential designers and developers believe.

The success of Interop 2024

How vendors improved browser interoperability last year.

Is justified text better than expected?

A fresh look at justified text using modern CSS.

Scheduled tasks in ChatGPT

The AI chatbot now handles tasks regardless of user presence.

Cross-platform mobile development

A deep dive into the most popular frameworks.

CSS ‘text-box-trim’

Take back space from above and below your text.

Google’s search market share under 90%

Where’s the drop, and where did searchers go?

The UX of login codes

Login UX vs. security is tricky, but effort matters.

Should accordions auto-close sections?

Short answer: no, but the real question is another.

CSS ‘scroll-state()’

Chrome 133 introduces scroll state container queries.

Top pens of 2024 on CodePen

The most liked creations on the code playground last year.