Tabs vs spaces?

Fibonacci indentation reduces the number of nested loops.

When Network is Faster than Cache

The browser cache is not always as quick as you think.

Chromium lands Flexbox gap

Starting in Chromium 85 ‘grid-gap’ is now just ‘gap’.

toast.log

Get console errors right on your page

Second-guessing the modern web

Why frontend trends like React & Co aren’t always the answer.

ip.dog

The fastest way to get your IP address securely.

Next.js 9.4

What‘s new in the latest release of the popular React framework.

Modern CSS Solutions for Old CSS Problems

A series examining state of the art CSS technology.

Awesome README

A curated list of great readmes for your inspiration.

Intersection Observer Visualizer

A tool to assist you with using the Intersection Observer API.

Pico

A library to take browser screenshots entirely client side.

Bootstrap 4.5.0

New interaction utilities, downloadable examples, and more.

Deno

A new runtime for executing JavaScript outside of the web browser.

What's New In DevTools (Chrome 84)

Issues tab, a11y info in the Inspect Mode tooltip, and more.

Through the roof

Debugging on production server.

Protecting against resource-heavy ads in Chrome

Users’ batteries and data plans will no longer excessively used up.

In defense of the modern web

The modern web has flaws, but let’s not give up on it.

Quicklink

A tiny library to speed next-page navigations by prefetching in-viewport links.

PHP 8 in 8 code blocks

Highlights of the next major version of PHP at a glance.

It’s Time to Get Back Into RSS

Let’s return to what made Really Simple Syndication great.

Preparing for AppCache removal

Chrome 85 removes support for AppCache by default.

Detect inactive users with the Idle Detection API

Find out when the user isn’t actively using their device.

“It might seem from the outside like framework wars are stupid. That’s because they are.”

What's New in Lighthouse 6.0

New metrics, performance score update, new audits, and more.

The Fastest Google Fonts

Let’s find a snippet for loading Google Fonts at lightning speed.

Quick Console bookmarklet for Desktop and Mobile

A simple way to find a JavaScript issue on a web page.

Why is This Website Port Scanning me?

Some sites are port scanning visitors for dubious reasons.

Using calc to figure out optimal line-height

A CSS formula to perfect your responsive web designs.

HTMHell special: close buttons

An analysis of 10 different bad practices and 5 alternatives.

The Third Age of JavaScript

If it’s the death of JavaScript, we’re in the endgame now.

Magic

Customizable, passwordless logins with a few lines of code.

Speed

Internet speed test with insights into how well your network is performing.

PureCSS Gaze

A pure CSS (and HTML) piece, inspired by Italian renaissance.

Introducing the Web Platform Contribution Guide

A guide about how you can help improve the web platform.

Today’s Javascript, from an outsider’s perspective

The unfriendliness of the modern JavaScript ecosystem to newcomers.

Stack Overflow Developer Survey 2020

How developers learn, which tools they use, and what they want.

Rough Notation

A library to create and animate annotations on a web page.

CUBE CSS

A CSS methodology oriented towards simplicity and consistency.

Tools to measure Core Web Vitals

Google‘s tools for web developers now deliver essential UX metrics.

Global and Component Style Settings with CSS Variables

Where scoped CSS variables really shine.

Web Animations API improvements in Chromium 84

The latest Chromium release brings new animations capabilities.

A user’s guide to CSS variables

The revolutionary possibilities for collaboration and code reuse.

Quick Tips for High Contrast Mode

How you can deal with the issues of Windows High Contrast Mode.

Hybrid positioning with CSS variables and max()

Another great demo of the power of CSS custom properties.

Ask an expert: Why is CSS . . . the way it is?

A technical director of the W3C unpacks the histories and mysteries.

CSS Houdini

Are these browser APIs real magic or just smoke and mirrors?

View DOM Source

A bookmarklet to see the page source from the rendered DOM.

4 New Tools to Watch in the Jamstack Ecosystem

RedwoodJS, Bridgetown, Scully, and Azure Static Web Apps.

CSS :is() and :where() are coming to browsers

New pseudo-classes to reduce repetition and keep specificity low.

5 Myths About Jamstack

Debunking the myths around the modern web development architecture.

The complete guide to CSS media queries

How they work, which ones are there, and which ones you should use.

Experimenting with QuicTransport

A new API offering low-latency, bidirectional, client-server messaging.

The Surprising Things That CSS Can Animate

Let‘s move things that aren’t typically associated with animation.

DEV is now Web Monetized

Authors can now receive micro-payments for their posts.

ECMAScript 4: The missing version

Why you have never an ECMAScript 4 target in your build tools.

Project Fugu: A New Hope

If a native app can do it, the web should be able to do also.

Slash\Escape

A text-based RegEx learning game.

Grid for layout, Flexbox for components

How to decide which approach is better for your use case.

Find And Fix Problems With The Chrome DevTools Issues Tab

A new way to solve problems detected by the browser.

Make your PWA feel more like an app

Everything you can do to make it happen.

2020 Chrome Extension Performance Report

How the most popular Chrome extensions affect browser performance.

What is Developer Experience (DX)?

The different ways people think about and use the term.

Bootstrap 5 alpha!

The popular front-end toolkit no longer depends on jQuery.

The form attribute

Everybody knows the ‘form’ element, but what is a form attribute?

Learn Z-Index Using a Visualization Tool

Interactive playground to master the CSS z-index.

Time to upgrade your monitor

Let’s find out what monitors work best for programming.

Boldly link where no one has linked before

Text Fragments can link to arbitrary text on webpages.

Edit & Optimize Image Assets

CodePen lets you manipulate images via URL parameters.

Improving Chromium's browser compatibility in 2020

The focus lies on removing pain points for web developers.

Safari 14 Beta Release Notes

Support for HTTP/3, Webpage Translation, WebP, and much more.

Grid Cheatsheet

The W3C CSS Grid Specification explained and illustrated with demos.

Flow: A New Browser Engine

What’s different to the downfall of Presto and EdgeHTML.

Always bet on HTML

Why the Hypertext Markup Language is absolutely amazing.

Design updates to repositories and GitHub UI

GitHub improves your experience on repository pages, especially on mobile.

An Overview of Scroll Technologies

State-of-the-art tech and tools for scroll-related animations.

How to fix a slow backend?

A guide to help you speed up the server-side part of your website.

What's New In DevTools (Chrome 85)

Style editing for CSS-in-JS, support for new JS features, and more.

What's new for web developers

Explore the latest features and improvements for Safari and WebKit.

Helping move the web forward, a huge update for PWABuilder

The next level to turn your website into an app.

Announcing TypeScript 4.0 Beta

Another milestone in the TypeScript programming language.

Using the Chrome UX Report API

Real-user experience data across millions of websites.

Improving HTTP with structured header fields

What’s wrong with HTTP headers and what‘s coming instead.

“border: 1px solid red; is the console.log of CSS.”

Knopf.css

Modern, modular, extensible button system.

Apple declined to implement 16 Web APIs in Safari due to privacy concerns

No new avenues for user fingerprinting.

An Upgrade to Emmet

New features in CodePen, the popular online code editor.

Tooling.Report

Comparison of the most popular JavaScript bundlers.

Introducing GitHub Super Linter

One linter to rule them all.

Responsively App

An alternative browser that makes front-end development easier.

Performance: CSS Painting vs. CSS Houdini Paint

Why the Houdini Paint API is a cool new feature.

Announcing Perl 7

A new plan moving forward for the general purpose language.

Uncommon CSS Properties

Use cases, progressively enhanced examples, browser support.

What's New In DevTools (Chrome 64)

Performance monitor, console sidebar, and more.

CSS News July 2020

Features that are making their way into the platform.

The State of Open Source Security 2020

The security within the open source ecosystem is improving.

Platform Adjacency Theory

The forces behind what’s currently going on in browser-land.

We need more inclusive web performance metrics

It‘s wrong to optimize for visual clues at the expense of others.

Introducing Workspaces

CodeSandbox gets a better dashboard and workspaces for teams.

Perf Track

How popular JavaScript frameworks are performing across the web.

Microsoft and Google team up to make PWAs better in the Play Store

What the collaboration means for web developers.