我的朋友 Nick Pettit 正在写一本名为《艺术与网络》的书，它将涵盖艺术的基本原理（至少是一些重要的原理：线条、形状和形式），以及它们与网络的关系。 我一直主张学习艺术基础知识将比学习当今的技术更有效，因此我很高兴看到这本书出版。 这是三部分中的第一部分，所有部分都将是**免费的**。

2011 年 7 月 26 日/27 日（星期二/星期三）是 CSS 峰会，这是一个关于 CSS 的线上会议。 我将在第二天发言。 超级火爆的阵容！ 使用代码 20COYIER 可享受任何类型门票 20% 的优惠。

你有没有尝试过为有序列表中的数字设置样式？ 你最终会做一些愚蠢的事情，比如将内部内容包裹在 span 中，为列表项设置样式，然后使用 span 移除该样式。 或者以疯狂的方式使用背景图像。 或者移除列表样式并添加自己的数字。

所有这些方法都很糟糕。 Roger Johansson 有一个很好的方法，使用伪元素计数器。

P.S. 列表规范 已更新，包含一些非常棒的新内容。（8.5 年来的首次更新）

P.S.S. 伪元素难道不能做任何事吗？

使用 CSS 创建三角形的一种方法是在从彩色到透明的元素上使用 45 度角渐变，并在半途处进行硬性分割。 然后，你可以使用 CSS3 内容（如 translate、rotate 和 skew）来改变它们的形状。 如果你真的非常擅长，比如 James Long，你可以用一大堆这样的三角形来制作整个动画 3D 形状。

修复一个错误，获得一个奖品。

一个激励人们帮助开源 JavaScript 项目的网站。 每天都会有一个奖品，通过修复大量错误来获得。 同样的指标也会有周奖和月奖。 本月的项目：jQuery UI。 CSS-Tricks 和 Richard Worth 赞助了今天的奖品，奖品是 iPod Touch（或同等价值的礼品卡）。

FitText 使字体大小灵活。 在你的流体或响应式布局中使用这个插件，可以实现可扩展的标题，这些标题可以填满父元素的宽度。

超级简单、超级棒的效果，超级实用的 jQuery 插件，由 Dave Rupert 编写。

你需要为窗口调整大小事件附加一个事件，该事件可能在 IE 和 WebKit 中以你调整浏览器窗口的大小为 500 亿次的方式触发，所以如果你想减缓速度，你可能想试试 这个。

Adobe 制作了一些非常引人注目的“CSS Regions”演示。 下载包并运行附带的“Mini Browser”即可查看它们。 你可以定义形状（有点像图像地图），内容将在这些形状中流动。 如果需要，你可以定义这些形状如何相互连接以及它们的连接顺序。 它有点复杂，你可能需要一些 GUI 工具来帮助你编写多边形代码。 这也是设计师在网络上做一些惊人之事的一个进步。

Radu Chelariu 的一个简单而聪明的主意。 使用 多列 和内联块元素来创建这种“砖石”/交错块布局，否则很难实现。

此链接现已失效，因此我将它更改为 这个，其中涵盖了 Radu 的最初想法以及其他一些选项，尽管他们的官方演示似乎也已失效。

更棒的是，查看 我们的文章，这篇文章使用了相同的想法，并且一切正常。

想象一下一个现实生活中的带标签的文件夹。 这些标签上的标签不仅在标签顶部是圆角的，而且还与文件夹连接，边缘也是圆角的。 顶部角，很简单，只要使用 border-radius 即可。 底部角，就不那么容易了。 Steve Smith 发布了一种使用伪元素来实现它的巧妙技术。

我针对我即将进行的一些演讲解决了与之完全相同的想法， 这是我的做法。

如果你曾经尝试过在 <img> 上使用 border-radius，你就会知道它并不总是有效（即使浏览器支持该 CSS3 属性，比如 Firefox 3 和 Opera 11）。 它的根源在于图像的内容，而不是容器，而容器则是通过 border-radius 进行圆角处理的对象。 Jonathan Neal 有一个演示可以使它工作。 它本质上将图像元素的背景设置为它本身，然后将图像的 src 更改为透明的 GIF 数据 URI。

2012 年 11 月更新： 现在此原始链接已失效，但我建议你不要再使用任何类似的奇特功能了。 这里有一个 测试笔，它展示了在所有现代浏览器中有效的图像上的普通旧边框半径。