读者 Patrick,一位 IT 软件架构师,写信询问了一个我认为非常有趣的问题
在我的公司,我正在开发一个系统,让我们的开发人员可以查看他们在特定知识领域中的水平。 对于大多数领域,我们设置了 5 个级别。 其中一个知识(和技能)领域是 CSS。 你知道哪些好的在线资料可以描述 CSS 中的知识水平吗? 最好是有示例,这样开发人员自己就可以估计自己是否达到了该水平?
在网上搜索一下这个主题,你会找到 Emil Stenström 在 Friendly Bit 撰写的 一篇文章。 这是一个有趣的视角,但在这篇文章中,1-4 级基本上是初学者,而 6 级是超级明星。 这使得 CSS 开发界剩下的所有人都在 5 级。
我认为如果我们大家齐心协力,可以想出一个更好的系统。 我第一个想法是,如果你甚至不知道什么是 CSS,你就不需要评分,所以我们不需要占用一个完整的级别来处理这个问题。 我们可以将 1 级指定为初学者,5 级指定为大师。 现在我们只需要细化是什么构成了这些知识水平,并尝试将剩下的三个水平分解成有意义的技能。
这只是一个粗略的草稿,用来开始。 我会将任何人的意见纳入其中,然后将其进一步发展成一个更完善的评级系统。 然后也许我会把它做成一个投票,那可能会很有趣 =)。

- 当然,我听说过 CSS,它在网页设计中使用。
- 我以前下载并使用过 CSS 模板,我甚至弄清楚了如何将我们的 logo 放入其中。
- 我在 CSS 文件中四处查看,进行了一些小的更改,比如更改颜色。

- 我知道 CSS 代表层叠样式表。
- 它由网页设计师用来设计网页,目的是将设计和内容分开。
- 我以前对 CSS 模板进行过大量的修改。
- 我以前使用过 WYSIWYG 编辑器来创建 CSS 网页。

- 我从头开始设计了一个相当复杂的网站,只使用 CSS 进行布局。
- 我对 CSS 的结构、CSS 盒模型和 CSS 定位有深刻的理解。
- 我基本理解不同的浏览器对 CSS 的渲染方式不同,需要考虑并进行测试。
- 我收集了越来越多的 CSS 资源。

- 我设计并参与了许多基于 CSS 的网站的设计。
- 我对编写和编辑 CSS 非常熟练,感觉我可以胜任任何设计理念。
- 我对跨浏览器 CSS 有深刻的理解。 我了解并尝试过一些 CSS 技巧,并了解使用它们的优缺点。
- 我可以快速有效地解决 CSS 问题。
- 我主要通过手写 CSS,并且我有一大堆工具和资源可供我使用,以获得灵感、调试或参考。

- 我有一个自己的小型 CSS 框架,我总是从它开始。
- 我对 CSS 的所有方面都有完整的了解。
- 我周末半夜醒来,跳到电脑前,编写一个我脑海中梦寐以求的超棒的 CSS 示例,然后把它发布到我的博客上…… 我的博客是关于 CSS 的。(这个我是在开玩笑,我不知道如何描述 5 级。)
你觉得怎么样? 我们应该改些什么? 我们能把它做成一个 **小型测验** 吗? 应该超过 5 个级别吗? 还是少一点?
我喜欢它现在的样子,我认为我处于 3 级。 现在我要努力提升到 5 级…
我大约是 4.8 级。 因此,我认为 4 级和 5 级之间需要一个级别。 我是一个 CSS 专家,但我没有写关于 CSS 的博客。 它只是一个工具。 当我完成地下室装修时,我不会写关于我的锤子的博客——我会写关于橱柜和家庭影院的博客,以及如何正确安装吊顶是多么麻烦。
真正的杀手级应用将是一个能够准确评估用户知识的测试。 当招聘新员工或分包商时,这将非常棒。 我参加过不止一次手写测试,向潜在雇主展示我的熟练程度,但能够为申请人定制标准化测试将会非常棒。 地下室装修完工后,我就会着手去做…
我在 3 级和 4 级之间,也许是 3.6 级,所以也许可以在 3 级和 4 级之间以及 4 级和 5 级之间再增加一个级别,用于那些在 CSS 技能和知识方面快速进步的人。
再次感谢你的操作指南! 它们可以在几个月内填满一整本书;)
来自德国的问候
Max
3 级和 4 级之间的差异可能有点过大。 也许“我设计并参与了许多基于 CSS 的网站的设计。” 需要移到 5 级,并用类似于“我设计并参与了几个基于 CSS 的网站的设计。” 的东西代替。 我认为我知道你在 1 个网站和多个网站之间的区别上想表达什么,但似乎在两者之间存在一个中间地带。
怎么样,在其中添加类似“我将一个网站从使用内联样式转换为使用样式表。” 的东西? 也许把它放在 2 级下面,将理论与应用结合起来。
在花了数年时间将 Photoshop PSD 转换为 XHTML 代码之后,我可以诚实地说我大约处于 4.5-5 级。 CSS 并不是一种非常困难的语言——它非常基础。 我可能只是因为每天都在用 PHP 改变世界才会有这种感觉…
这是一个绝妙的想法。 我想我会是 3-3.5 级。 在 4 级中,你建议,“我可以快速有效地解决 CSS 问题。” 这似乎有点主观。 你如何评定速度或效率? 我从头开始手写 CSS 代码已经有一年多了。 我可以完成大多数我想做的事情,但有时需要花费一段时间(例如几天)。 我知道我需要比这更快,但我不知道我应该追求什么目标。 我可以整天查看精美设计的网站,并学习很多关于技术的知识,但从来没有任何迹象表明有人花了多长时间实际构建了那个网站。 当我考虑未来的工作机会时,这可能是我最关心的问题。 顺便说一句,我最近才发现这个网站,我立即将其添加到我的订阅中。 继续努力!
Hej Chris,
我对你分析能力印象深刻,这种细分比建议的文档中好得多,也更现实。 谢谢。
我想这是一种技术知识、对 CSS 模型的理解、工作经验、跨浏览器意识、框架等的混合体。
因为我主要开发内部网应用程序,所以我的跨浏览器意识不是很好,所以我在 3 级和 4 级之间。
对于 5 级,也许你可以添加,“有时,我瞥一眼 CSS3 草案,希望它们能尽快最终确定并实现到所有浏览器中!”。
是的,我对 5 级无能为力。
我处于 4 级,除非 5 级被弄清楚。 似乎 4 级和 5 级非常接近,我不知道什么才算大师,除非是类似于“我用 CSS 做了 100 多个网站,我做演讲,我教课,我有博客,我写了一本关于 CSS 的书,我在 W3C CSS 团队中”哈哈。 类似于那样荒谬的事情。
现在 5 级看起来非常像 4 级。 我肯定处于 4 级,但我可以偷偷进入 5 级,没有人会知道。
如果你要说大师,那它必须让人像我这样的人无法触及,因为我肯定不是大师,但我确实知道自己在做什么。
关于评定速度和效率,我认为这不是问题,尤其是在 4 级,因为如果你做自由职业,速度是游戏的重要组成部分。 客户端希望他们的东西很快完成。 如果你不能快速解决网站问题,那么你就会遇到麻烦。 我认为你不需要具体说明速度应该是什么。 因为 CSS 并不像火箭科学那么复杂,而且非常直截了当,如果我的网站侧边栏出问题了,我显然知道问题出在侧边栏。 然后我快速分析它如何表现,并以代码格式提供我的解决方案,速度很快。 在办公室,我经常被要求修复其他人的项目,因为他们已经感到沮丧了很长时间,而 10 次中有 8 次我坐下来,最多 5 到 10 分钟就搞定了。
无论如何。 我喜欢这个测试。 我认为 5 级需要更难达到。
我最后想说的是,我认为半夜醒来记下快速代码在3级区域更为常见,因为你终于理解了它,所有关于可能性的想法都涌上心头,而且它是新的。我预计老手们同样兴奋,但他们不会以同样的方式梦想着它,可能只是执行得更好。即使我的分析不正确,我不确定梦到并醒来写下它是否只适用于更高级别。
哇,我以为我完全是CSS新手,但根据这个,我绝对是4级。这太酷了。
我认为我们现在达成的共识是,需要在4级和5级之间增加一个等级,以及可能在3级和4级之间增加一个等级。如果理由充分,我不反对将评级稍微扩展一些。
我有一个问题,如何处理像“我设计过大量CSS网站……”这样的语言。是否应该为这些内容设置具体数字?我一开始倾向于避免这样做,因为这有点武断。我觉得你可以精通CSS,但一生只做过5个网站,也可以在CSS方面很糟糕,但做过几十个网站……
我也倾向于在不同的级别中提到具体内容。比如伪类、属性选择器等等。
好主意!我会说我在3级和4级之间。我认为唯一阻止我成为4级的是
“我可以快速有效地解决CSS问题。”
有时我会花几个小时思考为什么我在IE和Firefox之间出现了不一致以及如何修复它,但有时它可能非常快。
在我看来,伪类和伪选择器需要在4/5级。不幸的是,IE6在这方面表现不佳,因此大多数开发者不能将它们用于核心功能。我在雇主网站上使用CSS伪元素与一些精巧的MooTools javascript结合使用。
我想说的是,由于大多数CSS伪元素在生产环境中不能完全使用,因此它们需要处于相当高的级别。
CSS和javascript之间的相互交织令人惊叹……这一切都归功于IE。
我是4.5级。我认为5级需要更高,正如其他人所说。步骤应该呈指数增长,而不是均匀增长。
这是我的列表
1:知道什么是CSS。将其用于一些文本样式。可能还有背景颜色和边框。表格用于定位(许多后端程序员似乎处于这一级别)
2:对与定位相关的概念有基本了解。(可能不包括浮动)。可以阅读“4”的CSS文件,并大致理解发生了什么(一个整洁的“4”)。当某些内容无法正常工作时使用hack,而不是尝试找到问题并解决。当事情变得过于复杂时,会退回到表格。
3:了解并实现优雅降级/渐进增强,基本上理解了概念(定位、盒模型、浮动、DOM、特异性)
4:关注浏览器发展,并了解每个浏览器在选择器/属性/等等方面的状况,以及所有陷阱和不一致之处,不需要太多测试,因为他们知道每个浏览器对代码的处理方式,完全理解概念。
5:大多数CSS极客会认出他们名字的人。Zeldman、Jonothan Snook、Andy Clarke、Eric Meyer……等等(成为一个极客名人,你会受到一些人的崇拜,仍然拥有自己的隐私。)
我认为拥有博客不应该成为一个标准。也许是额外加分项。有些人不是作家,任何级别的任何人都可以写一个关于CSS的博客,我遇到过一些2级的博客,主要是抱怨。
关于工具和框架是什么?我的框架是Eric Meyers Reset。我的工具是一个语法着色文本编辑器——可能具有自动完成功能,因为我懒惰:P(我还没有在Smultron、Coda、Dreamweaver和Textmate之间做出选择)。
注意:一个定制的Eric Meyer Reset。非常定制。但仍然只是一个Reset。
对我来说,这与实际使用CSS构建网站无关。我会调整一些措辞,并删除“设计”一词,也许用“构建”或“开发”来代替。
我刚注意到,在#4中写着“我主要用手写CSS……”,我希望到那个时候你只会进行手写编码。也许在#3中你开始更多地进行手写编码,而更少地使用所见即所得编辑器。仅供参考……
我认为我是4级。我曾经梦到自己在编写CSS代码,这算几级?
@Daniel……定制的Myers Reset?愿意与大家分享吗?
尽管偶尔会写一些关于CSS的博客,但我并不认为自己已经达到5级。4.5级?
Roberto,梦到CSS是个不好的兆头。我认为还没有针对这种上瘾的十二步计划。
为了坦诚起见,我也梦到过CSS。那是一个非常超现实的梦,我走过一片森林,试图改变树木的CSS。我认为这是一个休息几天的信号。
好主意!
我同样认为,3级和4级之间的跨越有点大。我觉得在使用CSS设计过一个网站和能够实现任何非网络savvy的图形设计师可能提出的任何设计之间存在很大差异。
Chris,很棒的后续!我的旧文章真的需要改进。我会添加:“我发现、修复并记录了一些跨浏览器错误。”到最后级别。
(是的,我得吹嘘一下,我会称自己为5级。)
不幸的是,我们以十进制思考,因此很多评级系统都只有5或10个点。想象一下,如果我们转换成十六进制,你就可以有8个点,没人会眨一下眼睛!如果这是一个16进制列表,我将是10h级,但我想我最近的近似值将使我非常接近5级。
我会说我大约是4级,接近5级!
这是个好主意!就像大多数评论一样,它仍然需要改进,但这是一个非常非常好的主意!
我几乎是4级。这是一个到目前为止很好的评级系统。 :)
在我看来,这非常有条理和分类。我创建了一个code pen,以便我们将这个评级和其他技能添加到我们自己的网站中。http://codepen.io/nickspiel/pen/Eqfyx/ 也希望得到关于这方面的反馈。