Advent Calendars for Web Professionals: 2022 Edition

Are you a fan of Advent calendars? I am!

Since 2012, I’ve published a roundup of online Advent calendars for people who work on the web.

Whether you’re a designer, developer, programmer, user experience professional, project manager, or writer, you’re bound to find an interesting Advent calendar in my collection.

This year’s roundup includes calendars focused on user experience, HTML, CSS, online digital security, PHP and more.

For long-time readers of my blog, you’ll notice some of the regulars in the list: Lean UXMas, 24 Jours de Web , and several new calendars.

Check out my collection of Advent calendars and let me know which one is your favorite!

Advent Calendars for Web Professionals

1. Bekk Christmas

Four rows of numbered squares mimic a desktop calendar against an abstract green, red, salmon, and yellow illustrated background.

For the sixth year, Norwegian agency Bekk continues their tradition of an online Advent calendar focused on technology, design, and strategy.

Day 1 of the 2022 Bekk Christmas calendar describes what you’ll find in the calendar, original content written and produced by everyone at Bekk, including:

  • Articles
  • Podcasts
  • Tutorials
  • Listicles
  • Videos

Find all days on the Bekk Christmas site.

New this year are two features:

  1. Newsletter you can subscribe to receive daily advent calendar content in your inbox
  2. Category view with a search feature to find content from their prior five years of advent calendars

2. The Weekly Challenge Advent Calendar 2022

Smiling snowman against a wintry snow scene of a house with snow falling around it at night.

Back for a fourth year, The Weekly Challenge Advent Calendar offers daily Perl and Raku code posts from members with notes, runs, and solutions.

3. 24 Days in December

24 Days in December, Thoughts of the PHP Family. Every years for the first 24 days in December, we invite members of our PHPamily to share some gifts with us.

A PHP-focused calendar, 24 Days in December highlights guides, tutorials, thoughts about PHP, or lessons learned to share with the community.

First post in this year’s calendar: dream a bit.

4. Raku Advent Calendar

Day 1 of Raku Advent Calendar: SparrowCI pipelines for everything with short introductory paragraph.

Launched years ago as the Perl 6 advent calendar, the Raku advent calendar celebrates its 14th edition this year.

The calendar includes posts about Raku programming techniques, design, performance, tips, and more.

5. 24 Pull Requests

24 Pull Requests: Giving back to open source for the holidays, with short introduction of how to get involved and build your profile.

Here’s your opportunity to contribute back to your favorite open source projects!

24 Pull Requests is an annual initiative to encourage contributors around the world to send 24 pull requests from December 1 to December 24.

Not sure what to contribute to? Check out their list of popular projects.

6. Advent of Code

Day 1 of Advent of Code calendar starts with a calorie counting story about Santa's reindeer.

An annual set of Christmas-themed computer programming challenges, Advent of Code 2022 offers small programming puzzle to solve.

Each puzzle is released at midnight; you can solve the puzzle in any programming language you like.

For authentication, Advent of Code uses OAuth to confirm your identity through other services.

7. Lean UXmas

Home page of Lean UXmas 2022 advent calendar highlighting current year articles as well as past annual Lean UXmas advent calendars.
https://2022.leanuxmas.com/

A collection of the most popular articles in the agile and lean UX community, Lean UXmas is curated by Kathryn Leach and Adrian Howard from Quiet Stars.

8. 24 Jours de Web

The first four days of a calendar are depicted by a row of numbered squares. In the background, an illustration of a family of red foxes walking and bicycling across a snowy landscape.

One of the oldest advent calendars, 24 Jours de Web returns for the 11th year with their calendar highlighting web design, development, client relations, and accessibility.

Note: the calendar is in French. If you don’t speak French, you’ll want to install a browser add-on or extension for translation in your language.

9. Sys Advent

Written by sysadmins, the Sys Advent Calendar returns for the 13th year with daily posts about systems administration topics written by fellow sysadmins.

When I visited the site today, nothing had been published for 2022. I’m hoping the first post will be posted later today (December 1, 2022).

10. Advent of Cyber

Advent of Cyber 2022: get started with Cyber Security in 24 Days.

Learn the basics of cyber security with Advent of Cyber. Each day you’ll complete beginner-friendly security exercises, which include written content as well as a supporting video.

All exercises follow a fun Christmas story with elf McSkidy.

Added bonuses: earn a certificate and prizes. Make one of their two Advent of Cyber wallpapers the background on your computer.

The more questions you answer, the more chances you have of winning prizes.

11. HTMHell Advent Calendar

Rows of numbered black squares with numbers mimic a desktop calendar, except each number isn't consecutive. Rather numbers are randomly placed in the calendar.

This year’s HTMHell Advent calendar from Manuel Matuzovic features 24 authors from around the world writing about accessibility, performance, usability, and security.

12. React Holiday

React Holiday advent calendar

In this year’s React Holiday calendar, you’ll learn all about Next.js 13 in 25 short emails from Michael Chan, host of React Podcast.

Subscribe to the newsletter to have the lessons delivered to your inbox. Lessons are focused on file system based routing, data-fetching, nested layouts, and suspense.

13. Web Performance Calendar

The speed geek’s favorite time of the year, the Web Performance Calendar shares tips, strategies, and resources to speed up the performance of your website and applications.

Web Performance Calendar 2022, highlighting the first post: A Performance Maturity Matrix.

14. 12 Days of Web

12 Days of Web: a year-end celebration of fundamental web technologies.

Returning for the second year, 12 Days of Web from Stephanie Eckles is a year-end celebration of web technologies: HTML, CSS, and JavaScript.

This year’s calendar features 10 guest authors.

Subscribe to the newsletter to get daily email updates when the new series begin December 13, 2022.

15. Code Security Advent Calendar

Advent calendar 2022: Can you spot the vulnerability? Rows of numbered squares mimic a desktop calendar of numbered days.

Developers and security enthusiasts are invited to participate in the seventh annual Code Security advent calendar from Sonar Source.

Starting December 1st, you’ll get the opportunity to spot security vulnerabilities in daily code challenges.

Hints will be released throughout the day if you need them and the solution will be posted after 24 hours.

If you prefer, you can receive the daily code challenges by following Sonar Research on Twitter or Sonar Research on Mastodon.

16. Security Advent: 24 Lessons to Remember this Christmas

Security Advent: 24 lessons with photo of red and green doors on a holiday advent calendar.

There’s no better time to set yourself up with better digital security habits than now with the Security advent calendar from Make Use Of.

Not a traditional advent calendar with each day revealing new content, the calendar features 24 tips in blog post format.

Return each day for a new security tip.

Their first tip is one of the most important: start using a password manager.

17. Advent of CSS

Advent of CSS: 24 CSS challenges for the season starts December 1, 2022, with illustration of wintry scene of snow covered red houses and green evergreen trees.

For beginner to intermediate developers or designers, Advent of CSS offers 24 days of challenges via email to practice your CSS styling skills.

You’ll need to know basic HTML and CSS to get the most out of the challenges.

Each challenge includes all the assets you need, including a Figma file. If you don’t have a Figma account, you can sign up for free.

Summary

Every year I’m impressed with the range of advent calendars focused on web design and development.

They’re fun to participate in and I always learn something new!

Hope you find a calendar that interests you.

Have you found any other web design/development related Advent calendars? Share them in the comments!

Photo of author

About the Author

Deborah Edwards-Oñoro enjoys birding, gardening, taking photos, reading, and watching tennis. She's retired from a 25+ year career in web design, usability, and accessibility.