TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Ask HN: Recommendation for Intermediate CSS Course?

44 点作者 raasdnil超过 1 年前
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 条评论

creature_x超过 1 年前
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!
jiayo超过 1 年前
<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 未加载
afloatboat超过 1 年前
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>
praet超过 1 年前
<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>
gangwolf超过 1 年前
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 未加载
vancroft超过 1 年前
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>
knbknb超过 1 年前
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>
alberth超过 1 年前
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>
frankdvn超过 1 年前
Check out <a href="https:&#x2F;&#x2F;every-layout.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;every-layout.dev&#x2F;</a>
Frummy超过 1 年前
<a href="https:&#x2F;&#x2F;cssbattle.dev" rel="nofollow">https:&#x2F;&#x2F;cssbattle.dev</a>