2008.04
12

Cross Browser Testing

以前有一个叫Browsershots的网站, 为你的网站提供各种OS和浏览器下的截图, 对网站开发有一定的帮助, 不过显然今天我的发现就强壮多了.

Cross Browser Testing利用一种虚拟机技术, 在浏览器中创造一个虚拟桌面, 你可以在各种OS和浏览器中测试你的网站, 不仅仅是看看样子哦, 还可以测试AJAX, 可以选择安装Flash, QuickTime等插件, 一切就像你真的在使用某种OS和浏览器一样. 比较遗憾的是OS目前只有Windows和Ubuntu, 浏览器倒是五毒俱全了. 更加遗憾的是免费用户只能玩5分钟, 然后就掏钱吧, 呼唤Google…

还有, 电脑要装了Java Runtime Environment才能玩起这个服务.

2006.09
19

CSS 3 selectors examples

作者原文: CSS 3 selectors explained

CSS 3可以这样选中标签:
<div id="nav-primary"></div>
<div id="content-primary"></div>
<div id="content-secondary"></div>
<div id="tertiary-content"></div>
<div id="nav-secondary"></div>

选中nav开头的标签: div#nav-primary, div#nav-secondary
div[id^="nav"] { background:#ff0; }

选中primary结尾的标签: div#nav-primary, div#content-primary
div[id$="primary"] { background:#ff0; }

选中包含content的标签: div#content-primary, div#content-secondary, div#tertiary-content
div[id*="content"] { background:#ff0; }

:target表示URL为http://www.example.com/index.html#content-primary时标签才被选中
div#content-primary:target { outline:1px solid #300; }

p:nth-child(n)代表选中第n个p标签
tr:nth-child(2n+1) {
background-color: red;
}
tr:nth-child(2n) {
background-color: blue;
}