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.

Devolution

CSS music video made with pure code!

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!).

Fabulous font-face fallbacks

How we can reduce headaches for our users.

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.”

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.

Insane and fun facts about SQLite

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

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’.

Formatting dates and times in JavaScript

Say hello to the Temporal and the Internationalization API.

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.

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!

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.

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.

Native HTML light/dark color scheme switching

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

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.

The beautiful sentence that is the web

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

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.

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.”

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.

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.

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.

CSS ‘attr()’ gets an upgrade

Chrome 133 unlocks new features for the ‘attr()’ function.

Is there such a thing as a web-safe font?

Why it’s time to retire an old web companion.

When TypeScript helps and when it’s worse

“I love TypeScript until the point I hate it.”

Cognitive load is what matters for developers

Beyond buzzwords and common best practices.

PHP version stats (January 2025)

The current PHP versions used across the community.

Using RSS over JSON feeds?

Reasons to prefer RSS/Atom over JSON feeds.

CSS lessons for your parking fails

Proper car positioning may be easier than you think.

Action Table

An HTML web component to make your tables interactive.

State-preserving DOM element movements

Chrome 133’s new ‘moveBefore’ method is a big deal.

Making ‘this’ less annoying

Ways to reduce visual noise in your code editor.

6 CSS snippets to know in 2025

“AI is not going to give you this CSS.”

Regular expression pattern modifiers

A look at a feature expected in ECMAScript 2025.

Block AI scrapers with Anubis

An ingenious way to shield servers from scrapers.

Creating a dark mode toggle

Light/dark modes with some typography finessing.

Setting up Next.js 15 for production

How to nail the app foundation from the start.

Sonar

Perplexity’s AI-powered search engine for developers.

Mizu.js

Build dynamic web pages without heavy frameworks.

Is AI making StackOverflow irrelevant?

The slow, then sudden decline of Stack Overflow.

Tailwind CSS v4.0

New performance engine, CSS-first configuration, and much more.

Bun 1.2

Enhanced Node.js compatibility, Postgres support, and much more.

New capabilities for CSS ‘attr()’

References to HTML attributes are getting more powerful.

Conditional CSS grid template areas

A magic formula to “open the gates to layout heaven.”

The end of date libraries?

What to expect from JavaScript’s built-in temporal API.

JavaScript Temporal is coming

Discover modern JavaScript date/time handling on MDN.

Build for, on, and with the web

The long-term cost of adopting a JavaScript framework.

“Coding isn’t everything—taking time off to recharge is equally important. However, I don’t stress much if I want to work on something fun over the weekend as long as I enjoy it.”

Styling an HTML ‘meter’ element with CSS/SVG

A versatile component to display a star rating.

Every HTML element

100+ HTML elements showcased on a single web page.

SQL Commands

A list of basic SQL language commands.

What to know about Node.js type stripping

A technical breakdown of a long-awaited feature.

Single HTML element star rating component

A versatile component that reshapes with minimal tweaks.

Loading the default OS font with CSS

Simplify your ‘font-family’ property with ‘system-ui’.

CSS container queries unleashed

Where container queries outperform media queries.

Interop 2024 brings more features to Baseline

What became compatible across browsers last year.

Fixing common Git mistakes

With the proper commands, most mishaps are recoverable.

Actual free static website hosting

What you can expect from popular providers.

Pure CSS mixin to show custom property values

It can output various values as pseudo-elements.

“We’re not becoming 10x developers with AI. We’re becoming 10x dependent on AI.”

Revisiting CSS multi-column layout

“One of the most underused layout tools in CSS.”

QR code HTML web component

A handy way to add a QR code to a HTML link.

I’m going back to jQuery in 2025

“Is it ‘legacy’ if it’s still delivering value at light speed?”

Transitioning top-layer entries

Handy ways to animate the CSS ‘display’ property.

What’s OAuth2 anyway?

How the most popular authorization framework works.

New to the web platform (January 2025)

The latest browser features at a glance.

Use CSS (nesting) with caution

“Make sure your code can be understood by a junior developer.”

Google to migrate reCAPTCHA services

The service will remain free with a usage limit.

Introducing AX

What Agent Experience is and why it matters.

Full-bleed layout with modern CSS

Edge-to-edge sections with minimal code.

OpenAI o3-mini

New ChatGPT developer features include ‘think harder.’

Font jargon

Web development font terminology demystified.

Progress-indicating scroll-to-top button

A fancy two-in-one UI component in HTML/CSS.

Squish

A web tool for batch image compression/conversion.

An AI generation of illiterate programmers

“We’re trading long-term understanding for short-term productivity.”

Keeping interactivity during a view transition

How to bypass the ::view-transition overlay clicks.