Thread by @JoshWComeau

🎁 I have a little Black Friday gift for y'all! ✨

For the next couple days, you can check out the first few lessons from the Flexbox module in my CSS course, “CSS for JavaScript Developers”. 😄

Check it out here:
→ courses.joshwcomeau.com/css-for-js/04-…

(No signup required! Totally open.)

I picked these lessons specifically because I think they have good standalone value. I bet you'll learn a thing or two from them!

(Also: these lessons have never been publicly available before! I did a similar “Open House” thing during the launch, but w/ different content.)

In Lesson I, “Hello Flexbox”, we talk about Flexbox's origins, why it's still relevant today, when to use Flexbox vs. Grid. We also look at a quick example, and see how the layout mode works.

Lesson II, “Directions and Alignment”, is all about how to control the placement of items. By the end of this lesson, you'll know exactly what the difference is between "justify" and "align", as well as the difference between "content" and "items".

In Lesson III, we learn about some of my favourite Flexbox tricks. We see how baseline alignment lets us align text of different font sizes, and how to use `align-self` to tweak individual children.

We use these skills to build a chat UI:

This “Black Friday Open House” offers a sneak peek at the course content, so you can decide if you like the format / my teaching style.

Please keep in mind, though: CSS for JavaScript Developer includes more than 200 lessons. You're only seeing the tip of the iceberg. ❄️

You can check out the Open House here:
courses.joshwcomeau.com/css-for-js/04-…

If you enjoy the preview, you can learn more about the full course here:
css-for-js.dev

Next Tuesday, the Open House shuts its doors, and the price of the course will rise by US$50, permanently.

So, if you enjoy the free preview / have been thinking of picking up a copy, you might wanna nab it sooner rather than later!

Also, just for fun, I decided to make some gold letters in Blender 😄