测试您的色彩智商
我认为设计师在这方面会比大多数人做得更好。 你可以 测试你的色彩智商,方法是将色块按色调顺序排列。 每行有 20 个色块,色调变化并不明显,所以有点难!
使用纯 CSS 的上下文表单突出显示
表单上最好的突出显示方式是,不仅输入字段会被突出显示,相应的标签也会被突出显示。 我们在 CSS 中有 :focus 伪类,但它只能影响输入本身,不能同时影响输入和标签。 有 JavaScript 解决方案,但我刚刚遇到了一个 非常巧妙的用纯 CSS 实现的方法。 基本原理:在聚焦时给输入一个**非常宽的左侧边框**,它位于标签下方!
状态 + Twitter
我们发布了 Status 的一项新功能,它允许您将 Status 检查信息交叉发布到 Twitter! 只需在您的帐户详细信息中包含您的 Twitter 用户名和密码(现在有一个标签用于此目的,因为整个区域都进行了刷新),您将在检查区域中看到一个复选框,询问您是否希望将此更新发布到 Twitter。 我非常喜欢这个功能,因为我很多小组更新都是关于一些东西,这些东西也很适合发推,而且适合我的 公共 Twitter 帐户。
WordPress RSS Feed 中的自定义值
我和 David 在侧边栏中都有一个区域,用于显示 Script & Style 的最新内容。 这不仅仅是为了增加页面浏览量,我们真的想突出社区中优秀的内容。 所以,我们真的很需要一种方法来获取文章的直接链接,而不仅仅是获取 Script & Style 上文章的永久链接,因为你还要点击一次才能阅读真正的文章。 幸运的是,直接 URL 与每篇文章一起存储在数据库中,所以 David 修改了 RSS Feed 以包含它们,以便我们可以解析它们并在我们自己的网站上使用它们。
突出显示在 Safari 中确实有效。 唯一的区别是,你会看到 Safari 的蓝色边框突出显示,所以效果会稍微差一点。
在那个色彩智商测试中得了 20 分(0=完美,100=失败)。 很有趣。
虽然我通常不喜欢拿到最低分,但我刚刚在色彩智商测试中得到了完美的‘0’!
我只是想让全世界知道! 微笑
我在 IS 测试中得了 4 分
@ Daniel K
那个突出显示很容易从框中移除,
input[type=text]:focus,
input[type=password]:focus,
select:focus {outline: 0 none;}
这样就可以了
我第一次尝试就得了 0 分 = 100%!!! 而且我还戴着眼镜。 这真是让我的一天都变得美好。
酷炫的测试,我得了 3 分…
好吧,如果有人需要在颜色测试中获得更好的分数,我刚刚得了 89 分! 但是,我红绿色盲。 蓝色到紫色的部分简直是灾难——因为我看紫色就像蓝色!