Login Christmas Bells

Starts December 1, 2023

Advent
of
CSS

24 Challenges for the Season

$
0

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
cross out price
$
0

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!
$
39
cross out price
$
0

Bundled with JS Challenges

All 24 CSS challenges and their solutions. PLUS 24 JavaScript challenges and their solutions from Advent of JavaScript.

Awesome!
Cross Stitched Heart

Special Thanks to Our Sponsor

Cross Stitched Heart

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.

RedwoodJS

How It Works

  1. 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.
  2. 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.

  3. 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.

Pluses Border

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.

Presents

Who are you?

Presents

For the second year in a row, we’ve put together a set of 24 challenges for the holiday season.

Amy Dutton
Amy Dutton
RedwoodJS Core Leadership Team

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

$
0

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
cross out price
$
0

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!
$
39
cross out price
$
0

Bundled with JS Challenges

All 24 CSS challenges and their solutions. PLUS 24 JavaScript challenges and their solutions from Advent of JavaScript.

Awesome!