Announcing Flutter 2

Create portable apps for the web and 5 OSs from 1 codebase.

Deno 1.8 release notes

What’s new in the Node.js alternative.

Creative code algorithms & techniques

A visual catalog of useful creative coding techniques.

Introducing Focus Order

What’s new in Stark, the suite of integrated accessibility tools.

Speeding up Chrome's release cycle

Soon you can expect a new milestone for Chrome every 4 weeks.

HTTPWTF

HTTP’s weird corners and odd details at a glance.

Bring your own client

Why can’t we have more freedom to interact with some data?

Sites v. Apps: A Reverie

Websites and web apps, “a dichotomy that lives in a fantasy world”.

Announcing the new TypeScript handbook

A fresh rewrite of the guide for everyday programmers.

DNS lookups!

See how DNS queries get resolved behind the scenes.

JavaScript: What is the meaning of this?

How to figure out one of the trickier parts of JavaScript.

Should I use an accessibility overlay?

Why the A11Y Project doesn’t recommend those tools.

Web components are easier than you think

Everyone can create them, let’s look at an example.

Exploring @property and its animating powers

The new CSS feature that gives you superpowers.

“I was once nominated as Developer of the Year at a fairly prestigious award show. I can’t code. Just in case you are wondering how awards work.”

Digging into CSS logical properties

How they work, use-cases, and some examples

The performance inequality gap, 2021

The current state of devices, networks, browsers, and website construction.

Release notes for Safari Technology Preview 122

JS module workers, improvements for CSS Grid, and much more.

Debugging layout shifts

Learn how to identify and fix layout shifts.

Tips for reading web standards

The people, documents, and concepts behind web specifications.

The WordPress evolution toward full-site editing

Plans for the CMS editor and their impact on theme developers.

“CSS architecture starts with accessible HTML.”

Overlay Fact Sheet

What to know about third-party solutions to fix accessibility issues.

“API design is UX design.”

The next generation of Tailwind CSS

A just-in-time compiler for the utility-first CSS framework.

“Don’t spend 6 minutes doing something by hand when you can spend 6 hours failing to automate it.”

“Always assume that your users will rage-click any of your buttons multiple times out of frustration. Program accordingly.”

Creating patterns with SVG filters

Let’s photoshop with code to craft beautiful, lightweight patterns.

Highlights from Git 2.31

Command ‘git maintenance’, on-disk reverse indexes, and more.

Hassle-free database migrations with Prisma Migrate

Fully customizable, automatic database schema migrations.

Principles of developer experience

Let’s completely reframe how we look at tools.

Worktop

The next generation web framework for Cloudflare Workers.

Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)

A very effective defense against cross-site scripting.

prefers-reduced-motion

Taking a no-motion-first approach to animations.

Now THAT’S what I call Service Worker!

If you’ve not used Service Worker yet, this is for you.

On time, time zones, and software

Time zones are tricky: basics, a bit of history, and tips.

RegEx Crossword

A crossword puzzle game using regular expressions.

curl is 23 years old today

The past, present, and future of curl.

Introducing Amazon S3 Object Lambda

Use your code to process data as it is being retrieved from S3.

Adding Webmention support from scratch

What to do if you can’t use a CMS for Webmentions.

“More’s Law: Websites will continuously add more JavaScript to neutralize the performance improvements predicted by Moore’s Law.”

Ember.js in 2021

Why it’s “an enabler of great productivity for many teams”.

Taming blend modes: ‘difference’ and ‘exclusion’

How blending in CSS works, and how to get some cool results.

Did you know about the :has CSS Selector?

Expect a big impact on how we write CSS in the future.

A complete guide to accessible front-end components

From tabs and tables to toggles and tooltips.

“I wish someone had told me that most CMS-related work was just moving data from one spot/format to another, slightly different one.”

Charts.css

An open source CSS framework for data visualization.

Compat2021

Eliminating five top compatibility pain points on the web.

grex

Regex upside down: provide the values, get the regex.

A safer default for navigation: HTTPS

Starting in version 90, Google Chrome will use https:// by default.

Handling text over images in CSS

An in-depth article that focuses on gradient overlays.

SvelteKit is in public beta

Think of it as some kind of Next.js for Svelte.

“I’m not actually a front-end engineer. I’m actually a stack of divs with ‘outline: 1px solid ${colour}’ in a trenchcoat.”

The end of AMP

Why Google’s Accelerated Mobile Pages may have seen its best days.

Get better at programming by learning how things work

Let’s talk about a different way to get better at programming.

How the Web Audio API is used for browser fingerprinting

Browser identification without using cookies or permissions.

“If you work on the frontend, the only skill you must *absolutely* acquire is caring about users.”

Accessible scroll behavior

‘scroll-behavior: smooth’ with ‘prefers-reduced-motion: no-preference’.

Not your typical horizontal rules

HTML ‘hr’ elements don’t have to look boring.

Container Query proposal & explainer

You can now play with an early prototype of container queries.

Facebook for WordPress plugin vulnerability targets +500,000 sites

Two exploits can lead to a site takeover and malicious backdoors.

Theme Studio

Design and share your own Visual Studio Code themes.

Human-readable JavaScript

What experts should aim for when writing readable code.

“I used to write ‘Convert your CSS codebase into Sass!’ guides. Now I think it’s time for a ‘Convert your Sass codebase into vanilla CSS!’ guide.”

Announcing the Deno Company

An attempt to revitalize the server-side JavaScript ecosystem.

Next.js 10.1

The React Framework comes with many improvements.

PHP's Git server hacked to insert secret backdoor to its source code

Another instance of a software supply chain attack.

Dark mode in 5 minutes, with inverted lightness variables

How to build a basic dark mode with CSS custom properties.

Core Web Vitals & Page Experience FAQs

Google’s answers to questions about Core Web Vitals and Search.

Stark Public Library

The largest, centralized accessibility resource on the web.

Developing for imperfect: Future proofing CSS styles

Things can break, but modern CSS provides solutions.

Container Queries are actually coming

They will transform UI design, just like media queries did.

Debug Web Vitals in the field

How to identify and fix real-user issues with analytics.

Space Jam

Speed comparison of an iconic website, 1996 vs 25 years later.

Accessible front-end components: claims vs reality

What to ask when picking accessible front-end components.

Debugging series 2021: Welcome to the jungle

A series to help you level up your debugging game.

Web browser engineering

How browsers work: build your own basic but complete web browser.

Squeaky Portraits

Having fun with the CSS clip-path: path() function.

The WebPageTest API has gone public

Automated web performance testing for anyone.

XState Catalogue

A collection of professionally designed state machines.

Sharing content from your device directly into a new WordPress post

Content publishing as if your website is a native app.

“So many people only ever experience bloated, unwieldy SVG markup out of a graphics editor and don’t realise how clear, simple and useful it can be when hand-coded by real humans.”

Cumulative Layout Shift Debugger (CLS)

A tool to identify disturbing layout shifts on web pages.

Improved data filtering and comparison on Performance reports

Search Console’s Performance reports continue to get more useful.

“Feed browsers mostly HTML & CSS and they will work magic for you. Feed browsers mostly JS, and you’re going against the grain. Polish doesn’t take easily when you cut that way.”

Microlink Cards

A code editor for creating dynamic social images at scale.

Debug layout shifts

Thought process and tools to identify and fix layout shifts on web pages.

Comparing the new generation of build tools

A detailed evaluation of esbuild, Snowpack, Vit, and wmr.

My current HTML boilerplate

A modern basic structure of a HTML document with explanations.

esoteric.codes

Languages, platforms, and systems that break from the norms of computing.

Modern CSS upgrades to improve accessibility

CSS accessibility tweaks for users across any device.

“A genuine problem in tech is that we’ve created a culture where people switch jobs too often to experience the consequences of their product and technical decisions let alone have to fix them.”

CodeTour

Visual Studio Code extension to create guided code walkthroughs.

“I have a lot of opinions about code. Well, I’ll go into management. At least I’ll probably have less opinions about that. Me, several years later: Oh no.”

Cloudflare Pages is now generally available

A JAMstack platform to rapidly build and deploy websites.

Say hello to CSS container queries

How you will achieve more powerful components and layouts.

CSS is a strongly typed language

Let’s demonstrate how strong typing in CSS keeps the guardrails.

Diving into the new Cumulative Layout Shift

First impressions of Google’s upcoming change to the CLS metric.

Tiny Tools

Useful tools outside of closed ecosystems or walled gardens.

New in Chrome 90

CSS overflow: clip, Declarative Shadow DOM, and more.