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.

The era of tab continuation

Press the tab key and let AI complete your work.

Dynamic focus zoom effect

An interactive spotlight effect powered by CSS @property.

Breaking up long tasks in JavaScript

There are a lot of approaches to choose from.

Image descriptions with AI

How accurate are 12 AI models in generating ‘alt’ text?

How to gif in 2025

The top image and video options today.

What’s new in DevTools (Chrome 133)

Enhancements of the performance and AI assistance panel.

Reasons not to refactor

Don’t refactor mindlessly; know what to do instead.

The State of PHP 2024

How PHP developers evolve with frameworks and tools.

How I learned to code with my voice

Practical tips for hands-free development.

More readable JavaScript with named parameters

“Named parameters can drastically improve your code.”

Let’s Encrypt is ending expiration notice emails

Why the free SSL/TLS certificate provider is doing this.

Beej’s Guide to Git

An in-depth manual for the Git version control system.

Font weight based on user’s screen DPI

Improving the display of a font on low-DPI devices.

Taking RWD to the extreme

The past, present, and future of responsive web design.

A meme for the wrong reasons

Centering in CSS used to be hard, but now it’s easy.

Creative ways to mess with AI bots

How website owners can safeguard their content.

A ‘.well-known/avatar‘ URL would be cool

Let’s use avatars on our blogs and websites!

CSS color syntax mega list

There are more syntax options than you think.

CSS Custom Functions are coming

“They are going to be a game changer.”

AI Insights

Cloudflare Radar brings deeper insights into AI trends.

Approaches to the CSS ‘&’ selector

More maintainable, readable, and clever CSS nesting.

The state of WebAssembly 2024/2025

Improvements inside and outside the browsers.

Beware the faux bold

A fix for a common font rendering issue.

Marquee

A smoothly animated, flexible ticker web component.

Move on to ESM-only

What this means for JavaScript/TypeScript developers.

Style Observer

A bulletproof library to observe CSS property changes.

State of React 2024

The latest developments in the popular UI library.

Reimagining fluid typography

”We can improve on the common approaches.”

Hype or future of security?

Passwords suck a lot; can passkeys fix that?

More useful HTML number inputs

How to use the ‘step’ and ‘pattern’ attributes.

Interop 2025 Dashboard

Web developer pain points being resolved this year.

Accessibility tests with a screen reader?

“Keyboards are an amazing way to test for accessibility.”

State of Rust 2024

The current state of the Rust Programming language.

Announcing Interop 2025

This year’s efforts for cross-browser interoperability.

We are destroying software

The unintended side effects of modern development.

SQL Noir

A game to learn SQL by solving crimes.

HTML defaults of 10 JavaScript frameworks

“I’m less skeptical about JavaScript frameworks now.”

The modern way to write JavaScript servers

How the Request/Response API boosts speed and testing.

Hash functions deep dive

Demystifying a key concept for developers.

Secure your full-stack web applications

The OWASP top 10 helps you mitigate vulnerabilities.