CSS is so daunting to me and I’m tired of sucking at it.

What do you recommend for a seasoned developer that wants to spend a couple months and get good at CSS?
The “advanced beginner” stage of learning is a tough chasm to get over. It’s so tedious when you just want to fuckin DO STUFF and instead you are hunting and pecking on MDN and struggling to remember the sheer volume of syntactical soup.

https://twitter.com/jhooks/status/1253743915020111872?s=21">https://twitter.com/jhooks/st... https://twitter.com/jhooks/status/1253743915020111872">https://twitter.com/jhooks/st...
“build stuff!” most certainly is the core answer to this predicament.

Performance tasks.

Disciplined regular practice of authentic well scope project based problem sets.

Crossing the fucking chasm https://abs.twimg.com/emoji/v2/... draggable="false" alt="😬" title="Grimacing face" aria-label="Emoji: Grimacing face">

This looks excellent https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Down pointing backhand index" aria-label="Emoji: Down pointing backhand index">

https://twitter.com/coffeecraftcode/status/1253720639548149762?s=21">https://twitter.com/coffeecra... https://twitter.com/coffeecraftcode/status/1253720639548149762">https://twitter.com/coffeecra...
You can bet I got in on this. Rachel delivers. https://twitter.com/rachelandrew/status/1253697961198059522?s=21">https://twitter.com/racheland... https://twitter.com/rachelandrew/status/1253697961198059522">https://twitter.com/racheland...
This is being repeatedly recommended and I also remembered that I bought it last year.

Fact: buying courses does NOT help you get better https://abs.twimg.com/emoji/v2/... draggable="false" alt="😬" title="Grimacing face" aria-label="Emoji: Grimacing face"> https://twitter.com/cweekly/status/1253720270973669380?s=21">https://twitter.com/cweekly/s... https://twitter.com/cweekly/status/1253720270973669380">https://twitter.com/cweekly/s...
I’m excited for this series because Julia is smart and discerning and also love the idea of getting into the MINDSET of problem solving with CSS. https://twitter.com/b0rk/status/1245391028795965442?s=21">https://twitter.com/b0rk/stat... https://twitter.com/b0rk/status/1245391028795965442">https://twitter.com/b0rk/stat...
Dave’s Flexbox and CSS Grid games are really awesome and fun ways to learn https://twitter.com/codefornerds/status/1253845115468210177?s=21">https://twitter.com/codeforne... https://twitter.com/codefornerds/status/1253845115468210177">https://twitter.com/codeforne...
This course from Kevin on Scrimba came up several times.

Scrimba is an interesting platform that combines video with an interactive code editor. https://twitter.com/shivenigma/status/1253752862196117505?s=21">https://twitter.com/shivenigm... https://twitter.com/shivenigma/status/1253752862196117505">https://twitter.com/shivenigm...
The project based learning of Frontend Mentor looks really awesome.

I like how they’ve coded each challenge with a skill level based on industry terminology. https://twitter.com/selbekk/status/1253732403845136387?s=21">https://twitter.com/selbekk/s... https://twitter.com/selbekk/status/1253732403845136387">https://twitter.com/selbekk/s...
I’ve used sass/scss extensively and don’t plan to ever use the tool again. It has pitfalls and benefits but I’m mostly interested in using CSS and don’t want an extended feature set beyond what postcss surfaces.

https://twitter.com/jhooks/status/1253909004566196224?s=21">https://twitter.com/jhooks/st... https://twitter.com/jhooks/status/1253909004566196224">https://twitter.com/jhooks/st...
Learn Layout is a really nice resource for “beyond the basics” css. https://learnlayout.com/ ">https://learnlayout.com/">...
A ton of folks have pointed out the good work done by my homies @adamwathan and @steveschoger with @tailwindcss.

I’m a big fan of utility classes for getting shit done. https://tailwindcss.com/screencasts/ ">https://tailwindcss.com/screencas...
The Inverted Triangle CSS (ITCSS) Architecture from @csswizardry feels extremely pragmatic at first glance and compatible with how I work (css-in-js) https://twitter.com/brent_m_clark/status/1253827444605321228?s=21">https://twitter.com/brent_m_c... https://twitter.com/brent_m_clark/status/1253827444605321228">https://twitter.com/brent_m_c...
You can follow @jhooks.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: