Ask HN: Recommendation for Intermediate CSS Course?
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?
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!
https://css-for-js.dev/ by Josh Comeau is fantastic.
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.
[2] https://www.defensivecss.dev
[3] https://youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_...
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.
That would be me. :)
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...
Google HTML/CSS Style guide: https://google.github.io/styleguide/htmlcssguide.html
Check out https://every-layout.dev/