Grainy gradients

Make some SVG noise for a new kind of CSS gradients.

Modernising CSS infrastructure in DevTools

The past, present, and future of CSS in Chrome DevTools.

Prevent content from being hidden underneath the Virtual Keyboard

The VirtualKeyboard API aims to solve this.

PHP maintains an enormous lead in server-side programming languages

Make no mistake, PHP is still here to stay.

The effect of CSS on screen readers

CSS can change the behavior of semantically correct HTML.

Announcing Grammarly for developers

The popular writing assistant can now also be part of your website.

KBar

A fully extensible command+k interface for your site.

The future of CSS: Cascade Layers

What they are, and how we can use them to our benefit.

Web Vitals patterns

A collection of common UX patterns optimized for Google’s performance metrics.

CSS container query units

How the new CSS query units work, along with use cases and examples.

Astro Play

Online playground for a new kind of static site builder.

Small bundles, fast pages

What to do with too much JavaScript.

Backlight

A design system platform to manage components, stories, and documentation.

robots.txt Testing Tool

Check URLs against a live/custom robots.txt to see if they are blocked or allowed.

Improving the New York Times’ line wrap balancer

Better ways to insert breaking points for line wrapping on the web.

Form Troubleshooter

A Chrome extension to find and fix common form problems.

Theatre.js

An animation library for high-fidelity motion graphics.

How I learnt to stop worrying and love animating the box model

What happens in the browser if you animate a simple box.

Motion One

The small, fast, and fully-featured animation library for the web.

“Many websites would be smaller if delivered as a JPEG than assembled through DOM and I don’t know there's any bigger indictment of the entire profession.”

What’s new in DevTools (Chrome 95)

New CSS length authoring tools, Lighthouse 8.4, and more.

Let’s Encrypt’s Root Certificate is expiring

At least something, somewhere is going to break.

Proposal for CSS @when

The next level of CSS Conditionals: when/else rules.

Announcing Lit 2 stable release

The web components library continues to get smaller, faster, and better.

Arrays in JS

Learn to write excellent code when it comes to JavaScript arrays.

New in Chrome 94

WebCodecs, sRGB as default color space for ‘canvas’ elements, and more.

Rome will be written in Rust

A better foundation for the future of JavaScript and web tooling.

Simplifying form styles with ‘accent-color’

Applications and potential of the new CSS accent-color property.

Changelog Gallery

A showcase of the best changelogs around the world.

Placeholdifier

Turn any website into a live wireframe.

Introducing Partytown

Run third-party scripts from a web worker

New tool: an nginx playground

Just paste in a configuration for the http server and test it out.

One last time: custom styling radio buttons and checkboxes

No more visually hidden inputs.

CRX Viewer

View the source code of any Chrome or Firefox extension without installing it.

“Maybe a lot of the anti-CSS sentiment that people feel is rooted in the fact that CSS had gotten so good that more people are bothering to make it part of their responsibility.”

The PWinter

Customize your own PWA logo for your Progressive Web App.

Must know array methods in JavaScript

Map, filter, every, some, fill, findIndex, find, and reduce.

“Newbies, don’t be afraid to share what you’re learning. From the beginning. We, even the experts, need your fresh perspective!”

Apple’s browser engine ban is holding back web app innovation

It’s not a web problem that web apps can’t fully compete with iOS apps.

CSS ‘outline’ revisited

The outline ring now auto-adapts to the element radius.

Announcing Cloudflare R2 Storage

Rapid and reliable object storage, minus the egress fees.

20 killer JavaScript one liners

One line JavaScript snippets to boost up your productivity.

“Littttttle funny how ‘zero runtime’ has become an exotic way to mean ‘CSS’.”

Improving the accessibility of your Markdown

How to make an impact on someone’s quality of online life.

Increase

Banking for developers: spin up accounts programmatically.

Best practices for ecommerce in Google Search

Guidelines for web developers.

VS Code in the browser for everyone

Gitpod introduces open-source project OpenVSCode Server.

Set Safari free!

If Apple allowed Safari to actually compete, it would be better for everyone.

The jQuery impact

What peak performance for JavaScript libraries looks like.

Release notes for Safari Technology Preview 133

CSS Cascade Layers, SharedArrayBuffer, and much more.

Guidelines for choosing a Node.js framework

There are plenty of things to consider.

An inconvenient truth about AI

Artificial intelligence won’t surpass human intelligence anytime soon.

Web3: A vision for a decentralized web

The journey to a different web is long but exciting.

Comparing HTML preprocessor features

A closer look at the features of more than a dozen HTML preprocessors.

Making the whole web better, one canvas at a time

Why the new OffscreenCanvas thing will matter to you.

Google Search ends support for Internet Explorer 11

The company says it’s time to move on from the dated web browser.

A JavaScript developer’s guide to browser cookies

Get started with an essential part of modern web development.

Understanding how Facebook disappeared from the internet

Facebook’s outage is a reminder that the internet is a highly complex system.

A new public beta of GitHub Releases

GitHub has improved the release experience.

“Using an RSS reader is like getting a glimpse of what the web would be like it weren’t smothered in JavaScript. It’s glorious.”

Best practices for using third-party embeds

An overview of techniques to load popular third-party embeds efficiently.

Comparing page language declaration setups in screen readers

A test with four of the most popular screen readers.

“It’s always so much easier to document components as you go rather than trying to go back to do it afterwards.”

“A quick way to stay hydrated is to take a sip every time I read documentation that tells me how simple something is!”

How to color the browser scrollbar across browsers

Meanwhile, it’s pretty easy to match your scrollbar with your design.

JSXGraph

Dynamic mathematics with JavaScript: interactive geometry, plotting, visualization.

The very first Eleventy 1.0 Beta Release

The popular static site generator reaches a new milestone.

A guide to CSS debugging

Ways to figure out how to fix unexpected layout results.

My challenge to the web performance community

Let’s discuss a big threat to the progress in the web performance space.

Astro 0.21 Preview

The modern static site builder now includes Vite and WASM.

“Accessibility as an area of expertise has made me a far better engineer overall. It needs collaboration and creates opportunities. It is cross-discipline, cross-departmental, people-focused, and requires strategic thinking to be successful at scale.”

Jamstack Community Survey 2021

The modern framework to build websites goes mainstream.

The best part of Windows 11 is a revamped Windows Subsystem for Linux

WSL is finally easy to install.

Chrome RSS reader

The Google Chrome team experiments with a RSS following feature.

Lots to see in Firefox 93

Firefox now supports the powerful AVIF image format.

20 things I’ve learned in my 20 years as a software engineer

“The best software engineers think like designers”, and 19 other pithy pieces of wisdom.

jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile

The jQuery Mobile project is now deprecated.

Safe DOM manipulation with the Sanitizer API

The new Sanitizer API lets you insert arbitrary strings into a page safely.

Myths about web accessibility

Web accessibility seems to remain a mystery for many web developers.

Replacing jQuery with vanilla ES6

To keep or to drop jQuery, that is the question.

What’s new in Progressive Web Apps

The latest and greatest PWA features in Microsoft Edge.

WebAIM Link Contrast Checker

Check if your link style meets the Web Content Accessibility Guidelines 2.

HTML Size Analyzer

A web tool to analyze and identify the cause of bloated HTML code.

How to win at CORS

Let’s make sense of the whole Cross-Origin Resource Sharing thing.

Introducing Nuxt 3 beta

The Vue framework for building modern websites is ready to be tried out.

What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?

An experiment in Microsoft Edge.

Proposal for a performance team

Why WordPress needs an official team that aims to increase its performance.

PrivacyTests.org

Automated tests to find out what kind of private data web browsers leak.

What are higher-order functions in JavaScript?

Accept a function as an argument, or return functions.

CSS is going gosh-darned hog wild, I tell ya what

Get ready for “one of the hottest moments of innovation in CSS history.”

Conditional border-radius and three future CSS features

There are some great CSS features in the making.

“The web would be a vastly more accessible place if professional web developers had even a basic understanding of HTML.”

The art of deception, Lighthouse score edition

Four evil tips to game your website performance score.

CSS custom properties with defaults: 3+1 strategies

Best practices on setting initial values for your custom properties.

CSS units guide

Everything you need to know.

Tachometer

A tool for running precise benchmarks in web browsers.

HTML with superpowers

What you can expect from Web Components 2021.

IndexNow

Instantly index your web content in Microsoft Bing’s or Yandex’s search engine.

Native CSS nesting: What you need to know

Nesting is an exciting feature that will soon be added to native CSS.

New in Chrome 95

Routing with URLPattern, Eye Dropper API, and PWA Summit videos are online.