There’s never been a better time to build websites

“Modern web development feels like having rocket boosters.”

HTTP compression

The history, the current state and the future of web compression.

Igalia’s Open Prioritization project

“The goal is nothing less than the democratization of the web’s future.”

Core Web Vitals-Tester

A tool to generate websites with specific UX performance metrics.

Lighthouse network throttling simulation

Speed metrics for your website with different bandwidth and latency settings.

Defensive CSS

Snippets that can help you write CSS with fewer issues in the future.

Serve folder

Serve a local folder of HTML/JS/CSS files right in your browser.

State of APIs 2021

Favorite languages, tools, workflows, and predictions of developers today.

Improving GitHub code search

GitHub’s next iteration for search, discovery, and navigation.

Breaking out of the box

Make your Progressive Web App feel more like a native app.

Why Lighthouse performance score doesn’t work

The metric might not be working the way you expect.

Professional maintainers: a wake-up call

Let’s graduate the role of an open-source maintainer to a paid profession.

CMS market share analysis

WordPress’ growth slows down, while Shopify and Wix win.

The invisible JavaScript backdoor

A reminder to never directly execute commands.

“CSS and JavaScript should work in harmony to produce accessible experiences. When you don’t understand what CSS offers you, your JavaScript ends up overengineered.”

Tailwind CSS cheat sheet

Instant search of classes/properties from the popular CSS framework.

What happens to developers who never go into management?

Some of the alternative paths for developers.

Compat 2021 holiday update

Presents for developers before the end of the year.

Top 5 internet technologies of 2021

Non-vaporware technologies that are moving the internet forward.

Embrace the platform

“Keep it simple: HTML, CSS, and JavaScript — in that order.”

New WebKit features in Safari 15.2

WebAssembly enhancements, wide gamut support for ‘canvas’, and more.

You can now monitor the health of your application and server

Oh Dear expands its website monitoring tool.

Integrate Google Search Console with GA4

A step-by-step guide for Google Analytics 4.

The State of CSS 2021

Things are moving fast for frontend-developers.

Mess with DNS

A playground to experiment with the Domain Name System.

Remove trackers

The risks of third-party scripts and how to reduce them.

Responsive iframes with the CSS aspect-ratio property

The modern way to embed fully responsive iframes.

Full accessibilty tree in Chrome DevTools

Developers can now easily overview the accessibility tree.

Performance implications of JavaScript errors

Certain errors lead to actions of user frustration.

Control how your app is launched

Intro to the upcoming Launch Handler API for Progressive Web Apps.

Elementor: WordPress’ secret growth driver?

The page builder has become more and more popular.

HTTP/3 is fast

It can make a big difference in how users experience your site.

State of CSS 2021: a look at some of the results

How the survey results map with upcoming CSS features.

Working with web feeds: it’s more than RSS

Best practices for how to create and curate a feed.

Forthright

Resources to help teams and individuals create better developer experiences.

How to start a code-first Design System

Starting in code gives you leverage to keep growing and building.

Patterns.dev: Modern web app design patterns

How to build powerful web apps with vanilla JavaScript and React.

“Could people who talk about ‘HTML 5’ please just call it HTML now? ‘5’ introduced new features but now is effectively all there is. Same goes for CSS3. The number doesn't really mean anything any more.”

Performant A/B testing with Cloudflare Workers

A proper solution to the problem with current A/B testing tools.

Using Google Analytics 4 for blog stats

Experiences with using the GA 4 API for your own reports.

Release notes for Safari Technology Preview 137

Safari is rushing ahead with shipping the new :has() CSS pseudo-class.

From GLSL to WGSL: the future of shaders on the web

How shaders will increasingly look like in the next 10 years.

A challenger to the throne of vector graphics

“SVG is dead, long live TinyVG!”

CSS animation

From the best-supported options to the most cutting-edge.

The CSS :has() selector is way more than a “Parent Selector”

Gifa11y

Pause buttons for your animated GIFs.

Pico.css

Minimal CSS Framework for semantic HTML.

Oh spanning tree

Christmas tree, made with network devices.

Smolr tree lake

Winter landscape, made with JavaScript.

Smoothly reverting CSS animations

A couple of solutions to revert an animation on hover.

W

A micro WebGL2 framework.

“Becoming a good engineer is about collecting experience. Each project, even small ones, is a chance to add new techniques and tools to your toolbox.”

Text Balancer

A fast text wrap balancer for multi-line headlines on the web.

CSS in 2022

What we can expect from CSS and browsers in 2022.

hwb(): a color notation for humans?

What the upcoming CSS color notation is all about.

:has() has landed in Safari

“It’s great to see Safari leading the way on new CSS features.”

My approach to optimization

A high level philosophy on how to build optimal software.

Predictions for the Jamstack in 2022

What to expect from Jamstack development next year.

A tribute to the useless web

A hand-drawn Rube Goldberg machine, animated with JavaScript.

Fluid Type Scale Calculator

Generate CSS font size variables for a fluid type scale.

Consider SQLite

What if SQLite would do just fine for your next web project?

WAVE Web Accessibility Evaluation Tool

Make your web content more accessible to individuals with disabilities.

Vanta.js

Animated 3D backgrounds for your website.

“API design is product design.”

2021 JavaScript Rising Stars

Say hello to the era of the meta frameworks.

Pastel

A command-line tool to generate, analyze, convert and manipulate colors.

Unlock

A platform for developers to sell, license and distribute their software.

Accessible heading structure

What is good for your reader is also good for your SEO.

Why might you run your own DNS server?

There are many reasons to run a DNS server or resolver.

The many methods for using SVG icons

Techniques for particular situations and use-cases.

Tauri

A toolkit to build desktop applications with a web frontend.

COLRv1 color gradient vector fonts in Chrome 98

Chrome now helps to make color fonts widespread.

The 2021 Web Almanac

HTTP Archive’s latest web report is now available as Google Book.

Your CSS reset needs text-size-adjust (probably)

How to prevent an odd rendering issue in Mobile Safari.

Non Boring Gradients

Generate beautiful gradients with different interpolation spaces.

The future of color in CSS

New ways to create designs with brighter and more vibrant colors.

“Empathy as an engineer is a superpower. Caring about those you work with will do more for your career than writing beautiful defect-free code.”

AngularJS reaches end of life

Users can move forward with the TypeScript-based Angular framework.

Web Accessibility Cheat Sheet

Guidelines to make your website more usable.

New on the web: programmatically open a native date picker

Say hello to elem.showPicker().

Gradient Generator

A tool to create vivid gradients with different color modes.

Chrome will disable modifying ‘document.domain’ to relax the same-origin policy

If your website relies on it, your action is required.

How not to learn TypeScript

What to keep in mind when getting started with TypeScript.

Revisiting why hyperlinks are blue

The original blue was chosen with care and through testing.

From TypeScript to ReScript

Advantages and drawbacks of the ReScript programming language.

PHP in 2022

Exciting times, let’s take a look at modern-day PHP.

Top pens of 2021

100 amazing design and front-end creations.

Announcing Parcel CSS

A new CSS parser, compiler, and minifier written in Rust.

Boolean attributes in HTML and ARIA: what’s the difference?

There are some important distinctions to keep in mind.

“Writing good release notes is one of the most important steps of a release: distilling everything down to save others time and giving proper credit and thanks.“

What even is a web browser?

The question seems silly at first but is surprisingly interesting.

Safari 15 IndexedDB leaks

The leak lets any website track your web activity and even reveal your identity.

IndexNow: announcing sharing of submitted URLs

One API to get your URLs into all IndexNow-enabled search engines.

Cascade Layers

Quick show and tell on CSS cascade layers and the @layer property.

Using the CSS Me Not bookmarklet to see (and disable) CSS files

A tiny tool helps to diagnose unnecessary CSS files.

Debug guide for web analytics and tag management

How to identify where things go wrong.

CSS Speedrun

A fun way to test your knowledge about CSS selectors.

Passwordless.dev

Fingerprint and Face ID sign-ins for your website.

What were the hottest front-end tools in 2021?

Last year’s most interesting front-end tools, according to Web Tools Weekly.

“Why refactor your code and keep up with dependency deprecations when you can get a new job every 3 years to avoid your own technical debt?”