Starts December 1, 2023
Advent
of
CSS
24 Challenges for the Season
24 Challenges
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, and steps to help you get started.
Sign me up!
24 Challenges & Solutions
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, ways to push yourself, and steps to help you get started.
You’ll also receive the final coded solution and tutorial explaining how to get there.
Yes, please!Bundled with JS Challenges
All 24 CSS challenges and their solutions. PLUS 24 JavaScript challenges and their solutions from Advent of JavaScript.
Awesome!
Special Thanks to Our Sponsor
In the past, I’ve offered the challenges for free and charged for the solutions. Thanks to the generosity of our sponsor, RedwoodJS, I’m able to offer all the content this year for FREE.
How It Works
For 24 days, you will get an email
This year, we're working on a single project over 24 days. By the end, you'll have an entire design system setup.
Each challenge includes:
- All the assets you need to get started, including a Figma design file If you don’t have Figma, don’t worry, it’s FREE)
- A brief on how to get started, with ideas to test yourself, and FAQs.
Complete the Challenge
Complete the challenge on your own, or refer to the tutorial and final coded solution.
You can complete the challenges using any framework/platform you'd like, but the provided solutions will be built on top of TailwindCSS and Storybook.
Share your success
When you’re finished call your mom! Tweet about it! Stick your code on GitHub. Post a picture on Instagram. Talk about it on Facebook. Use the hashtag #adventofcss.
Get Good at CSS
The best way to learn is through real world projects and components. Build things! Practice. Challenge yourself. Not sure what to build? With Advent of CSS, you'll get 24 challenges via email, every day, December 1 - 24, 2023.
Who is
this for?
These challenges are perfect for beginner to intermediate developers who want to become more comfortable with their CSS styling skills.
Before accepting this challenge, you really should know basic HTML and CSS.
You learn best through implementation. Once you’ve applied your knowledge to a specific project, learning concepts are solidified.
Who are you?
For the second year in a row, we’ve put together a set of 24 challenges for the holiday season.
My name is Amy Dutton. I'm a lead maintainer on the RedwoodJS core team. I have 22+ years of experience in web development and design. I love teaching and seeing something finally click. I live in Nashville, TN with my husband, 3 kids, and 2 dogs.
Frequently Asked Questions
Join the Challenge
24 Challenges
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, and steps to help you get started.
Sign me up!24 Challenges & Solutions
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, ways to push yourself, and steps to help you get started.
You’ll also receive the final coded solution and tutorial explaining how to get there.
Yes, please!Bundled with JS Challenges
All 24 CSS challenges and their solutions. PLUS 24 JavaScript challenges and their solutions from Advent of JavaScript.
Awesome!