15DaysOfCSS (was 30DaysOfHTML)

Share this post
Twas the night before #15DaysOfCSS
jen4web.substack.com

Twas the night before #15DaysOfCSS

What to expect in the next 15 working days

Jen Kramer
and
Erika Lee
Sep 10, 2021
Comment3
Share

We are so pleased you’ve joined us for #15DaysOfCSS. What should you expect? How does this work? All of your questions are answered here.

We Assume You Know Basic CSS

❌ We are not going to teach you what’s a class, a property or a value, or how to link to a stylesheet. Nope. You are on your own for knowing these basic basics.

✅ We are going to talk lots about selectors, the cascade, inheritance, specificity, Flexbox, positioning, and accessibility. You may have learned some of this along the way, but it's likely you'll pick up a few new tricks.

✅ If there's more topics you want us to cover, be sure to email and ask!

🤷🏼‍♀️🤷🏿‍♂️🤷🏻 If you don’t know CSS, but want to learn, we recommend watching the 🎒free bootcamp at Frontend Masters.

Parts of the Challenge

We’ve grouped our elements into five exciting units:

  • Basic basics

  • Vertical navbars

  • Horizontal navbars

  • Responsive navbars

  • Other navbar considerations

However, unlike the previous #30DaysOfHTML challenge, we will skip around these concepts as needed, rather than working through a full unit before moving on.

Daily Explanation and Challenges

Every day you’ll receive an email with at least one CSS concept discussed in detail.

We’ll explain the day's concept(s), give you examples in the email, and link to more examples on CodePen. We provide links to more reading and to video content where you can learn more.

Finally, we’ll give you a short quiz or a quick challenge each day, so you can try out the CSS we’ve introduced and test your knowledge.

Don’t worry. No one will see your grade. 😁

What’s Not Included

💯 This challenge is certified 90% free of JavaScript. We might have a line or two when we get to dropdowns.

Except for Day 1, where we talk about navbar markup (where else would we start?), we don't spend a lot of time on HTML.

Measuring Success

We will consider this challenge a success if any one of the following happens to you the next time you code a web page:

❤️ You are embarrassed by the CSS trashing you see happening on Twitter. Better, you decide to change it.

💛 Your CSS starts to make more sense. No need for !important in odd places anymore!

💚 You learn at least one new CSS concept that you may apply to your work immediately.

💙 You have fun, and ask Jen and Erika to run another challenge. More layouts? Form markup and styling?

It’s Not Too Late to Join

Please retweet and invite your friends to sign up! We start Monday, September 13.

We look forward to seeing you on Monday.

Comment3
ShareShare

Create your profile

0 subscriptions will be displayed on your profile (edit)

Skip for now

Only paid subscribers can comment on this post

Already a paid subscriber? Sign in

Check your email

For your security, we need to re-authenticate you.

Click the link we sent to , or click here to sign in.

Bjarne Oldrup
Sep 11, 2021Liked by Jen Kramer, Erika Lee

Looking forward to 15 inspiring days :)

Expand full comment
Reply
2 replies by Jen Kramer and others
2 more comments…
TopNewCommunity

No posts

Ready for more?

© 2022 Jen Kramer and Erika Lee
Privacy ∙ Terms ∙ Collection notice
Publish on Substack Get the app
Substack is the home for great writing