We asked web builders that we admire the same question: What is one thing you learned about building websites this year? Here's what they told us.

We would like to thank our ❥ sponsor Automattic for making this site possible. They make many great software products that we use, like Jetpack, WooCommerce, and WordPress.com.

Write Code, Get Confetti

This year I learned about the canvas-confetti npm package. It is a simple JavaScript package that injects a (virtual, <canvas>) confetti explosion into whatever web page you are working on. 

Finished a tutorial? Confetti!

Used that new feature for the first time? Confetti!!

Just remembered your bank login? CONFETTI TIME!!!

The more I use the package, the more I appreciate these small wins (or as I like to call them, “confetti moments”). Web development gets complicated, and it’s easy to forget how interactive and creative and fun the web browser can be.

The web developer’s toolkit has gotten more complex over the last decade. The lines between the browser and server have blurred, full-stack JavaScript applications like Next.js and Redwood are here, and “zero-config setups” like create-react-app install over 1,400 dependencies just to get you to “Hello, World!”.

But if you prefer to keep things simple, this last year gave you plenty of reason to be hopeful. 2020 was the first year that this trend towards complexity begin to slow, if not reverse completely. Advances in the web platform now let you do more with less. Projects like esbuild & Snowpack (disclaimer: I work on Snowpack) enable a new generation of simpler, faster build tooling. Projects like Eleventy now offer an alternative, HTML-first style of web development that feels really fresh. Dare I say… fun!

I’m hopeful that this new trend will continue, with even more fun and confetti for everyone. 🎉