Elasticsearch is open source, again

The popular search engine now includes an AGPL license.

Paragraphs

“Don’t just assume the use of a div is a bad thing.”

ChartDB

A powerful, web-based database diagramming editor.

React is (becoming) a full-stack framework

It has bridged the gap between frontend and backend.

The problem with surveys

And why you should take the State of CSS survey.

The web’s clipboard

How it works and stores data of different types.

Captured custom properties

A noteworthy naming pattern for CSS variables.

Smallest GIF?

Meh, the tiniest data URL is a BMP!

Python Developers Survey 2023

The current state of the language and its ecosystem.

Discovering third-party performance risks

How to assess if a third-party script needs further review.

Git: avoid ‘reset --hard’, use ‘reset --keep’ instead

The safe way to undo commits in a Git repository.

A release note for the web platform

How the WebDX CG aims to inform us of web platform updates.

CSS ‘display: contents’

How the property helps to build more fluid layouts.

AggregateError in JavaScript

Benefits of handling multiple JavaScript errors at once.

The HTML ‘aside’ element

How it relates to the ‘article’ element and what makes it special.

Normal UI

A usability technique for non-designers.

Challenge: Buttons vs. links

A crash course to creating accessible buttons and links.

Look out, kids: PHP is the new JavaScript

“I’ll tell ya what: Laravel makes PHP fun again.”

1.3 million subtests

The Servo browser engine project crossed a milestone.

Front-end web development is changing, quickly

A first look at the latest shadcn/ui with Vercel’s V0 tool.

Going buildless

Can we drop our build tools in web development soon?

Should form labels be wrapped or separate?

“Wrapping is enough in theory, but isn’t quite in practice.”

The undeniable utility of CSS :has

“The CSS :has selector is incredibly powerful.”

caniuse-cli

A command line tool for ‘Can I use…’ and browser-compat-data.

CSS @property and the new style

Custom property definitions unlock countless opportunities.

Finding the accessible name of a button

Why it matters and how to do it with Chrome DevTools.

Chrome ends support for First Input Delay

Google retires its former performance metric in Chrome tools.

The HTML history and optimization cheat sheet

An overview to compare HTML elements and specifications.

Building a browser using Servo as a web engine

Verso, an independent web browser, is on the way.

Something went wrong

The current state of the JavaScript community.

0.5% of the global top 200 websites use valid HTML

Almost all use faulty, non-existent, or broken HTML.

CSS split effects without content duplication

A little ride through the land of fun split effects.

Stripe Dot Dev

Where Stripe helps developers with payment integration.

The fastest JavaScript color library

Why the color-bits library is blazing fast.

HTML customizable select

The proposal is up for discussion, and feedback is welcome.

“The goal isn’t to write less code. It’s to ship less code to users. Better code. Faster code. More resilient code.”

Shifty

A game where players face layout shifts from slow loads.

How CSS unit division works and how to use it

“It will greatly reduce our reliance on JavaScript for calculations.”

The state of ECMAScript 5 on the web

Why transpiling JavaScript libraries to ES5 is outdated.

Good forms

Guidelines for building user-friendly and accessible web forms.

Evolve or become irrelevant in tech

“Stay curious, stay sharp, and don’t get left behind.”

WebKit features in Safari 18.0

Apple brings an impressive browser release once more.

Oracle, it’s time to free JavaScript

Let’s release the trademark into public domain.

Get ready for Interop 2025

Your opportunity to help elevate the web platform.

Optimizing for high latency environments

Ways to improve latency-bound visitors’ experiences.

The continuing tragedy of emoji on the web

Websites still need a fix for consistent emoji display.

Is the sticky thing stuck? Is the snappy item snapped?

A look at CSS state queries and JS scroll snap events.

Make a mess, then clean it up

“The secret to building great software is writing terrible code.”

How should we define CSS masonry?

There are two ways CSS could handle masonry-style layouts.

Monitoring Core Web Vitals in DevTools

All metrics are now in the performance panel.

The already-here future of prototyping

“‘Should designers code?’ is a funny question now.”

Deno 2.0 release candidate

The JavaScript runtime gets a significant update.

New values and functions in CSS

Long-desired features are making it into the specs.

“It’s Friday. I have my finger on the deployment button. 3… 2… 1… never mind, let’s wait til Monday.”

“I hate programming but I love building. I enjoy turning an idea into reality.”

Server Mono

A monospace font for development and coding.

How I build a button component

A set of button instances with their variants.

Introducing TODS

A Typography and Opentype Default Stylesheet.

Rendering optimization with CSS ‘content-visibility’

How a new-ish CSS feature can boost web performance.

An abridged history of Safari showstoppers

“iOS Safari is more than an inconvenience for developers.”

BCD Watch

A service to help you track browser support changes.

How I built my blog

Web technologies for a blog with 100,000+ code lines.

How to make interactive charts accessible

Ways to ensure every user understands the charts.

The Web Vitals extension, now in DevTools

Support for the popular Chrome extension ends soon.

OpenFreeMap

Custom maps for your website powered by OpenStreetMap.

Thoughts on debugging

“Here’s my one simple rule for debugging: reproduce the issue.”

Introducing Speed Brain

Cloudflare's new feature makes web pages load 45% faster.

Storage for the web

Which browser storage is best for your needs?

Animate to ‘height: auto;’ in CSS

How to animate between lengths and intrinsic sizes.

PostgreSQL 17

The database gets incremental backup, SQL queries for JSON.

The WordPress drama from the sidelines

“The inside track of WordPress is a mess right now.”

Web components are not the future

“The promise of web components is alluring and dangerous.”

Password input enhancements

Web components that progressively enhance a password input.

New standards for a faster, more private internet

Say hello to Encrypted Client Hello (ECH) and Zstandard (zstd).

JSON For You

Visualize, compare, validate, format, and minify JSON data.

A guide to JavaScript destructuring

The use of the ‘…’ syntax in modern JavaScript.

The HTML ‘b’ element

Is the element still useful in current practice?

CSS scroll-driven header

Hide the header on scroll down; show it on scroll up.

Web components are okay

“They may not be the future for you – that’s great!”

New to the web platform (September 2024)

The latest browser features at a glance.

HTML dialog element vs. popovers

A look at their similarities, differences, and use cases.

It’s hard to write code for computers

But it’s even harder to write code for humans.

“Comparing web components to React is like comparing a good bicycle with a cybertruck. They do very different things, and they’re used by different people with very, very different mindsets.”

Prevent data loss on web page refresh

A prudent way to protect users’ unsubmitted form data.

Web components are not framework components

“Stop fighting and go make awesome sh!t.”

Interview with Björn Ottosson

A talk with the creator of the popular Oklab color space.

CrUX Vis

A tool to visualize the UX performance of popular websites.

Benchmarking the performance of CSS @property

Regular vs. registered vs. unregistered custom properties.

Like button without authentication

How to build a ‘like’ button with audio fingerprinting.

A server-side rendering performance showdown

Comparison of Fastify-html, Vue, Svelte, Solid, Preact, and React.

Introducing canvas

A new way of working with ChatGPT to write and code.

Towards language-agnostic source code linting

ESLint now supports checking JSON and Markdown.

Terminal colors are tricky

Color issues in the terminal and how to fix them.

I wasted a day on CSS selector performance

All to make a website load 2ms faster.

Building the perfect logo strip

How to attractively display logos in a row with CSS?

The Git Cheat Sheet

A handy list of common (and not so common) Git commands.

Styling links based on their destination

It can be done using only CSS, without JavaScript.

Chasing color

What does an ideal CSS color system look like?

Searching for a new CSS logo

It’s time for a change and some fresh ideas.

ARIA DevTools

Check how screen readers present your website.