Jen Kramer: HTML, CSS, No-Code, Teaching Tips

Share this post

Jen Kramer: HTML, CSS, No-Code, Teaching Tips
Jen Kramer: HTML, CSS, No-Code, Teaching Tips
Twas the night before #15DaysOfCSS
Copy link
Facebook
Email
Notes
More

Twas the night before #15DaysOfCSS

What to expect in the next 15 working days

Jen Kramer
and
Erika Lee
Sep 10, 2021
10

Share this post

Jen Kramer: HTML, CSS, No-Code, Teaching Tips
Jen Kramer: HTML, CSS, No-Code, Teaching Tips
Twas the night before #15DaysOfCSS
Copy link
Facebook
Email
Notes
More
3

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.

10

Share this post

Jen Kramer: HTML, CSS, No-Code, Teaching Tips
Jen Kramer: HTML, CSS, No-Code, Teaching Tips
Twas the night before #15DaysOfCSS
Copy link
Facebook
Email
Notes
More
3
Share

Discussion about this post

Bjarne Oldrup
Sep 11, 2021

Looking forward to 15 inspiring days :)

Expand full comment
Reply
Share
2 replies by Jen Kramer and others
2 more comments...

No posts

Ready for more?

© 2025 Jen Kramer
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great culture

Share

Copy link
Facebook
Email
Notes
More