Web Development Advent Calendars for 2022

Two brass metal shelves mounted to a white wall and lit by ambient light; the top shelf has two tea tins, a French press, and a sad Charlie Brown Christmas tree along with a framed print; the second shelf has a tiny moka pot and a dice advent calendar; tiny stockings in a knit geometric snow pattern hang off the top shelf and a ceramic tree with lighted bulbs mounted to it are in the foreground.
It’s a dice advent calendar. I have no idea how five Platonic Solids and some D10s will carry for 24 days, but I am going to find out.

Web developers around the world have for years given a nod to Saturnalia solstice Isaac Newton’s birthday Yule wassailing mummering end of Gregorian calendar year Christmas with advent calendars covering web-related topics. As a result, you may recognize some of the ones listed below.

Every year I miss a few on December 1, so add a comment or hit me up on the Fediverse if you have more.

I have not included advent calendars that are delivered via email only (Advent of JavaScript, Advent of CSS, React Holiday, Advent of Vue), single blog posts (Security Advent from MUO with its infinite scroll trickery), or image-only efforts with inaccessible images (Storyteller Advent). It would be a terrible gift from me to you if you sign up for spam or end up taking advice from organizations that are clearly bad at advice.

HTMHell Advent Calendar (@matuzo@front-end.social)

HTMHell Advent Calendar is Manuel Matuzović’s doubling-down on the theology of HTML. And Christianity. One of those. Anyway, each day will reveal an article, talk, or tool that focuses on HTML.

Lean UXmas (@LeanUXmas)

Lean UXmas collects the most popular articles from the Agile & Lean UX News mailing list, presented throughout the month.

24 Days in December (@24DaysInDec)

24 Days in December is a PHP-specific advent calendar. It looks like its goal is to give back to the same community from which the author has learned, which is a good metaphor for the holiday.

Advent of Code (@ericwastl)

Advent of Code provides a small programming puzzle every day up to Christmas. They are stand-alone, but supposedly have a general theme. They also use different technologies so there is some variety as well.

24 Jours de Web (@24joursdeweb)

24 Jours de Web is back as an advent calendar for web folk. Written in French, it is clearly primarily targeted at French speakers, but a round of Google Translate will open it up to far more readers (like me).

Performance Calendar (@perfplanet)

Performance Calendar hails this as the speed geek’s favorite time of the year, ostensibly because of the tips it has been offering each December since 2009. It isn’t just server optimizations you’ll find here, so don’t shy away because you’re not a system admin.

JVM Advent (@JavaAdvent)

JVM Advent is posting a technical article from various authors related to Java each day.

アクセシビリティ Advent Calendar (@motchie)

Accessibility (アクセシビリティ) Advent Calendar 2022 is in Japanese, and thanks to the powers of Google Translate, I can tell you it covers a variety of accessibility issues, including web: Webのアクセシビリティを含む、様々なアクセシビリティについてのアドベントカレンダーです。). If you know Japanese, I welcome any corrections. As of this year it is being run by 持田 徹 (Toru Mochida).

Selfhtml Advent (@SELFHTML)

Selfhtml Advent is from Germany’s oldest (since 1995) and largest web design Community. The advent calendar will present tips and examples from its contributors.

Kodekalender (@knowitnorge)

Kodekalender is a Norwegian code-specific calendar. Each day solve a code puzzle and be entered in a drawing (you should check the rules).

Bekk Christmas (@livetibekk)

Bekk.christmas collects a few topics per day in one calendar. In previous years I broke them all out, but with some of the domains not resolving it seems safest to link to the parent calendar. Posts will cover JavaScript, UX, security, and machine learning.

24 Days in Umbraco (@24DaysInUmbraco)

24 Days in Umbraco is dedicated to the Umbraco CMS. Now in its eleventh year (the calendar, not the CMS).

24 Pull Requests (@24PullRequests)

24 Pull Requests is less an advent calendar than it is an effort to mobilize developers. The goal is to get developers to send a pull request every day in December (up to Christmas), thereby supporting your favorite open source projects.

Perl Weekly Challenge Advent (@PerlWChallenge)

Perl Weekly Challenge Advent is in its third year. Each day it takes a response from a previous weekly challenge and re-posts it on the site.

12 Days of Web (@5t3ph@front-end.social)

12 Days of Web is back this year and again will not open until December 13, but promises topics covering HTML, CSS, and JavaScript.

C# Advent Calendar (@mgroves)

C# Advent Calendar (sharp, not hashtag) is revealing two posts per day, including on December 25. That’s 50 posts over the course of the month.

Advent of Cyber (@RealTryHackMe)

Advent of Cyber offers a daily beginner security exercise over 25 days (not 24). There is prize money available, but you need to sign up to have a shot at it.

Raku Advent Calendar

Raku Advent Calendar (Raku is Perl6) has a new daily post for your Perl/Raku needs.

Festive Tech Calendar (@_cloudfamily)

Festive Tech Calendar is a YouTube channel with videos ranging from a half hour to over an hour and, based on the number of hidden videos will have 26 videos by the end.

Code Security (@SonarSource)

Code Security Advent Calendar 2022 will provide code challenges containing hidden security vulnerabilities in real-world Java, JS, C#, PHP, Python and C code.

Web Component Bookmarks (@kulykov@fosstodon.org)

Web Components Bookmarks is described as a collection of up-to-date resources related to Web Components gathered by Serhii Kulykov. As of this writing on December 1 nothing is posted yet.

24 Days of Design Gifts (@Framer, @Mans)

24 Days of Design Gifts will be pushing design-related bits from heavily discounted apps to free icon & wallpaper packs.

IndieWeb Gift Calendar

IndieWeb Gift Calendar is the 6th annual group effort to gift (ship) one or more IndieWeb-related thing(s) each day of December that others can use to improve their IndieWeb experience.

Independent Type Foundry Advent Calendar (@matthiasott@mastodon.social)

Independent Type Foundry Advent Calendar features a different type foundry and highlight some of their most notable typefaces. As Matthias notes, it is a highly opinionated and almost arbitrary selection.

An Unrelated Related Venn Diagram

See the Pen The Venn Diagram of Christmas Traditions by Adrian Roselli (@aardrian) on CodePen.

Previous Years

I started tracking these in 2010. Since then some have come and gone. For the ones not returning, in many cases the content is still out there. Take a look and maybe you’ll find an older article that is useful today.


Jacob Groß; . Permalink
In response to Jacob Groß. Reply

Thanks! Added, and awaiting its first day of content.


Oh and – totally forgot to say thank you! Since I’ve found your “xmas calendar” blog post series I come back to that series every year. Really appreciate you for doing this collection.

Jacob Groß; . Permalink

Thanks for keeping up this informative list of advent calendars.
There is one focused on fonts: https://matthiasott.com/notes/independent-type-foundry-advent-calendar-2022
It is published by Matthias Ott (https://mastodon.social/@matthiasott)

In response to Jens Grochtdreis. Reply

Added, thanks!


Awesome Adrian – And thank you for mentioning 24 Days in Umbraco once again

Could you correct the text to say it’s the 11th year it’s running? Thank you :-)

Jan Skovgaard Olsen; . Permalink
In response to Jan Skovgaard Olsen. Reply


Leave a Comment or Response

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>