带有淡化边缘的滑动背景是最好的部分。

有了所有供应商前缀和所有新的复杂属性（如动画和渐变），对它们进行格式化使其易于阅读会很不错。 我同意 David DeSandro 的观点，对齐值会让 CSS 看起来不错。 如果“CSS 美化器”服务之一可以合并这一点，那就太酷了。

二十四个顶级行业人士在二十四天内撰写的二十四个精彩博文。 今年它也印刷出来了。

也许你之前听说过像Pngcrush这样的东西，它据说在优化 png 文件方面做得非常出色，但当你去看它时，它却是一个带有糟糕文档的书呆子命令行工具，它看起来不值得麻烦。 现在有了 ImageOptim，它是一个 Mac 应用程序，具有超级简单的用户界面，可用于使用 Pngcrush 以及其他一些类似的出色压缩工具。 实际上只需将图像拖放到窗口中，它就会完成它的工作。

为什么你需要这个？ 如果你在 Photoshop 中使用“Save for Web”，那并不像你可以做的那么好。 我一直在使用它，平均为许多不同的图像节省了 8%。 这在网络上是一个显著的速度提升。

在其他 Mac 应用程序新闻中，Tower 现在处于公开测试阶段，这是第一个具有真正 UI 抛光的 Mac Git 应用程序，就像 Versions 对于 SVN 一样。

如果你是一名习惯使用 Adobe Creative Suite 产品创建渐变的设计师，你可能会喜欢这个。 它与你四处滑动的颜色指示器具有相同的界面，单击添加，拖动删除，双击编辑颜色。 这使得创建比从一种颜色到另一种颜色的渐变更复杂的渐变变得容易得多。 我希望它使用更可靠的属性列表/语法来重新CSS3Please，尽管如此。

所有游戏逻辑都是 JavaScript（非常少），但所有花哨的内容都是由应用程序和类名删除触发的 CSS3。

Google Chrome 团队的一本书的非常简洁的演示。 似乎每个人都称它为“HTML5”书。 当然有很多 HTML5，但也有一些 CSS3 和巧妙的 JavaScript 在起作用。 阅读几页，然后关闭选项卡，然后返回查看有趣的书签想法。

特别令人感兴趣的是他们如何使用window.history.pushState() 和 window.history.replaceState() 来更改浏览器窗口中的 URL 而不刷新页面（在 WebKit 或 Fx4 中查看它）。 这绝对是 Ajax 站点的未来，同时保持高质量的深度链接，尤其是因为回退只是使用哈希标签链接，这是目前的首选技术。

来自 Han Lin Yap 的 jQuery 插件，允许你编写没有供应商前缀的 CSS3。 此插件将读取你的 CSS 文件和文档中的<style> 块，查找 CSS3 内容，然后将一个新的<style> 块追加到你的页面，其中包含你所在的浏览器的适当供应商扩展。

这解决了使用 CSS3 时最常见的抱怨之一，即它会用大量重复属性使你的样式表膨胀。

在我的有限测试中运行良好。 我要问一下大型网站，它们有大量的 CSS。 它解析起来是否足够快，并将其应用到页面上，而无需先在没有 CSS3 的情况下呈现元素？ 像 FOUCSS3 那样？

本文由 Robert Biggs 撰写，介绍了在 Internet Explorer 9 中使用 SVG 进行渐变的解决方案，因为它不支持 CSS3 渐变。 最主要的好处是 SVG 图像格式是 XML，并且在结构上实际上与创建-webkit-gradient 的方式非常相似。 因此，你可以获得通过编程声明颜色以及易于更新的优势。

在本文的前面，Biggs 还很好地说明了过渡以及为什么通过 CSS 进行过渡比通过 JavaScript 进行过渡更好。

JavaScript 的单线程性质使其对于复杂的动画效率低下。 将样式动画卸载到浏览器的 CSS 渲染引擎可以释放 JavaScript，并允许浏览器使用线程和硬件加速以获得更好的优化。

我认为（动画/过渡 == 视觉设计 == CSS 领域），因此无论对释放 JavaScript 有什么好处，这都是合适的。

单击并拖动以通过伪三维空间旋转这些复杂对象。 这是一个熟悉的图案，但一个特别难以实现的图案。 没有 Flash，甚至没有画布。 只有一些花哨的 JavaScript 和 CSS（WebKit 3D 变换）。 而且它在 Mobile Safari 上也能使用触摸事件！