TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: Recommendation for Intermediate CSS Course?

44 pointsby raasdnilover 1 year ago
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.<p>Most intermediate courses I&#x27;ve found focus on CSS frameworks or precompilers and the like, he doesn&#x27;t want this as most of their work is landing pages etc so the CSS course needs to focus on plain CSS with HTML.<p>Any recommendations?

10 comments

creature_xover 1 year ago
I second <a href="https:&#x2F;&#x2F;css-for-js.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;css-for-js.dev&#x2F;</a> by Josh Comeau! Josh does an excellent job at tying seemingly disparate concepts together. If you&#x27;re interested in advanced animations, <a href="https:&#x2F;&#x2F;frontendmasters.com&#x2F;courses&#x2F;css-animations&#x2F;" rel="nofollow">https:&#x2F;&#x2F;frontendmasters.com&#x2F;courses&#x2F;css-animations&#x2F;</a> is really good!
jiayoover 1 year ago
<a href="https:&#x2F;&#x2F;css-for-js.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;css-for-js.dev&#x2F;</a> by Josh Comeau is fantastic.
评论 #39293760 未加载
afloatboatover 1 year 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.<p>I would also recommend the “thinking of ways to solve…” gui challenges [3] YouTube videos and web.dev articles by Adam Argyle.<p>Others have mentioned Josh W Comeau who definitely puts out good articles as well.<p>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.<p>[0] <a href="https:&#x2F;&#x2F;debuggingcss.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;debuggingcss.com&#x2F;</a><p>[1] <a href="https:&#x2F;&#x2F;www.ishadeed.com" rel="nofollow">https:&#x2F;&#x2F;www.ishadeed.com</a><p>[2] <a href="https:&#x2F;&#x2F;www.defensivecss.dev" rel="nofollow">https:&#x2F;&#x2F;www.defensivecss.dev</a><p>[3] <a href="https:&#x2F;&#x2F;youtube.com&#x2F;playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ&amp;si=ECLFqjKPIM2z_gXC" rel="nofollow">https:&#x2F;&#x2F;youtube.com&#x2F;playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_...</a>
praetover 1 year ago
<a href="https:&#x2F;&#x2F;web.dev&#x2F;learn&#x2F;css" rel="nofollow">https:&#x2F;&#x2F;web.dev&#x2F;learn&#x2F;css</a><p><a href="https:&#x2F;&#x2F;www.joshwcomeau.com&#x2F;tutorials&#x2F;css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.joshwcomeau.com&#x2F;tutorials&#x2F;css&#x2F;</a>
gangwolfover 1 year ago
Following what others have said, Josh W. Comeau&#x27;s work is really impressive. Do you or your co-worker have a way to get in touch directly? I think I&#x27;ve got something they might be interested in.
评论 #39311774 未加载
vancroftover 1 year ago
I haven&#x27;t personally done this course yet, but it looks very promising if you&#x27;re looking for something that just tackles plain HTML and CSS, without any frameworks: <a href="https:&#x2F;&#x2F;www.spicyweb.dev&#x2F;css-nouveau&#x2F;1-vanilla-has-never-tasted-so-hot&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.spicyweb.dev&#x2F;css-nouveau&#x2F;1-vanilla-has-never-tas...</a>
knbknbover 1 year ago
Google HTML&#x2F;CSS Style guide: <a href="https:&#x2F;&#x2F;google.github.io&#x2F;styleguide&#x2F;htmlcssguide.html" rel="nofollow">https:&#x2F;&#x2F;google.github.io&#x2F;styleguide&#x2F;htmlcssguide.html</a>
alberthover 1 year ago
I really enjoy the site below.<p>TIL (CSS)<p><a href="https:&#x2F;&#x2F;www.matuzo.at&#x2F;til" rel="nofollow">https:&#x2F;&#x2F;www.matuzo.at&#x2F;til</a><p>Blog<p><a href="https:&#x2F;&#x2F;www.matuzo.at&#x2F;blog" rel="nofollow">https:&#x2F;&#x2F;www.matuzo.at&#x2F;blog</a>
frankdvnover 1 year ago
Check out <a href="https:&#x2F;&#x2F;every-layout.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;every-layout.dev&#x2F;</a>
Frummyover 1 year ago
<a href="https:&#x2F;&#x2F;cssbattle.dev" rel="nofollow">https:&#x2F;&#x2F;cssbattle.dev</a>