Ask HN: Recommendation for Intermediate CSS Course?

44 pointsraasdnil2y ago11 comments

A co-worker asked for a recommendation for a good CSS course for them to learn further. They are not a total beginner and can do fairly complex styling and the like, however, they have been 100% self taught and so have picked up things that are just the wrong way of doing it.

Most intermediate courses I've found focus on CSS frameworks or precompilers and the like, he doesn't want this as most of their work is landing pages etc so the CSS course needs to focus on plain CSS with HTML.

Any recommendations?

11 comments

creature_x2y ago

I second https://css-for-js.dev/ by Josh Comeau! Josh does an excellent job at tying seemingly disparate concepts together. If you're interested in advanced animations, https://frontendmasters.com/courses/css-animations/ is really good!

jiayo2y ago

https://css-for-js.dev/ by Josh Comeau is fantastic.

1 more reply

afloatboat2y ago

While I haven’t read his book [0], I always enjoy the articles by Ahmad Shadeed [1][2]. The ones that focus on how big websites like Facebook implemented specific functionality and how he would have tackled it are a great resource in advanced CSS.

I would also recommend the “thinking of ways to solve…” gui challenges [3] YouTube videos and web.dev articles by Adam Argyle.

Others have mentioned Josh W Comeau who definitely puts out good articles as well.

In the end, as with everything programming related it comes down to actually building stuff and getting your hands dirty. CSS is really something you can only get better at by running into real world issues and discovering its quirks.

[0] https://debuggingcss.com/

[1] https://www.ishadeed.com

[2] https://www.defensivecss.dev

[3] https://youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_...

praet2y ago

https://web.dev/learn/css

https://www.joshwcomeau.com/tutorials/css/

gangwolf2y ago

Following what others have said, Josh W. Comeau's work is really impressive. Do you or your co-worker have a way to get in touch directly? I think I've got something they might be interested in.

gt-aussie2y ago

That would be me. :)

vancroft2y ago

I haven't personally done this course yet, but it looks very promising if you're looking for something that just tackles plain HTML and CSS, without any frameworks: https://www.spicyweb.dev/css-nouveau/1-vanilla-has-never-tas...

knbknb2y ago

Google HTML/CSS Style guide: https://google.github.io/styleguide/htmlcssguide.html

alberth2y ago

I really enjoy the site below.

TIL (CSS)

https://www.matuzo.at/til

Blog

https://www.matuzo.at/blog

frankdvn2y ago

Check out https://every-layout.dev/

Frummy2y ago

https://cssbattle.dev

j / k navigate · click thread line to collapse