假如说HTML5的走红与白菜化是互联网发展和软件商推广浏览器的阴谋得逞，那Media Queries最近一年的热门就多亏各种互联网移动设备的提携了。Media Queries是什么？从定义角度出发，它是W3C推荐的用于检测互联网设备功能与属性的CSS3语法。换成普通人能理解的话，则是“一个网站，多种形态”（参见“一国两制”），不再需要专门为移动设备（更简单的说法，屏幕小分辨率低的设备）专门制作网站入口，仅使用一个主网站就能自动适应各种设备。
话说回来，当今的智能手机与网本无不配置了功能强大的浏览器；绝大多数网页设计未使用Media Queries，它们也能从容应付。Media Queries的存在，则更像是对设备定制软件的挑战——同样易用，横跨平台。直到最近我还以为Media Queries的应用仍处在半吊子的状态，但从这个网站收集的例子上看，设计师们已经把这种技能纯熟的运用在实际例子中了。2011年，看来会是个网站穿上“松紧带”的年份。
via mediaqueri.es
ppk曾经说IE的传统盒子模型比W3C的定义好理解，但为什么IE的盒子还是比W3C的糟糕呢？因为IE盒子的定义连IE盒子的支持者自己都搞不清楚。与文中所述相反，IE盒子并不包括margin，而只是纯粹的计算padding与border的占位。为什么IE传统盒子这么烦？因为需要反向推导一个盒子的内容宽度，而浏览器渲染时期望尽快知道内容的宽度。再有，IE传统盒子硬是把微软自己的开发团队都搞晕了，有些bug还穿越出现在标准模式下，哦，你不知道IE6的标准模式使用W3C的盒子定义？
支持IE传统盒子的同学，没有为IE5.x开发过的同学，请你考虑这个问题：如今CSS3支持图片border了，使用IE盒子模式，浏览器应该怎么计算内容宽度？CSS3是为设计者方便提供帮助，请不要以box-sizing为借口，为IE5.x的顽固不化辩护。
延伸阅读：
也不知道是(mt)被后知后觉的墙看上了还是怎样，最近无论是HTTPS访问还是SSH链接的速度都被降得很低。虽然我一直怀疑墙被SSH与VPN逼急了开始测试类似美国某些ISP公司的加密包瓶颈策略，但考虑到中国的整体网速已经是粗暴的瓶颈了，还是决定再（第四次）换个服务商测试下速度。这次换用Linode的VPS，初级服务和(gs)的价格差不多，功率超出很多，网速不比当年的(gs)差，只是需要自己调整服务器。
鉴于该服务商在国内名气很大，在此多就不作介绍了。今天要介绍的是转移网站过程中的一些基本的在线测试工具（没转移也能用）。
Just-Ping大家都知道了，这里再次推荐它的父亲WatchMouse，它可以从任何服务器ping，traceroute和分析最新的DNS数据，也支持有次数限制的网站访问测试。
值得注意的是WatchMouse的DNS记录刷新速度之快是少见的，类似Google Public DNS与OpenDNS之类的解析服务需要数小时到一日才会更新。
Pingdom是大家都熟悉的服务，最近我发现它对部分线路的检测并不好，会出现比中国还多5倍的不正常延迟（绿色显示的部分），单独用它肯定是不够的。
对于只想看数字的管理员来说，SearchMetrics提供的服务最明晰，列出了网站各个项目的下载大小与所需时间，包含不同网速下的耗时预测。
WSO则提供了一份更为详细的分析，不仅有更多的耗时预测与内容统计，还会分析每个对象的header与详细内容，提出恰当的优化建议。
Pagetest（用AOL发布的同名开源工具组建）是家设计与域名都不起眼的网站，然而它提供的测试范围却比上述任何一款都要强大。不仅可以选择发起测试的服务器（包括中国江苏的一台），还可以测试“重复访问”的速度，也就是测试有缓存时的浏览速度，这对分析网站的真实表现很有帮助。此外它与Pingdom一样可以储存历史数据，方便回顾查询。
“首先要按网页标准设计，尊重网页可用性”之类的话省去N行。
Google的三剑客，Analytics，Optimizer与Webmaster Tools更适合商业网站与宏观统计。它们在细节数据收集上还是有些欠缺的。最近人气很高的Heatmap统计就是其一，它能直观展现网站访问者的表现（相比Analytics记录链接的点击数更为有效）。
客栈最近再次启用了Reinvigorate，这家beta了三年的网站访问统计，最近推出新版公测，这其中就包括了我一直想尝试的Heatmap服务。以下是两个例图。
这是萌番一周的点击区域加亮图，点击越多的地方越亮。不难发现类似用户登录与账户管理的右侧导航受到主要关注。与此同时，一些不可点击的元素，例如用户评论的标题，也会被关注，说明萌番的首页设计还需要修改。
这是客栈上篇旁门左道文的24小时点击密度，根据文章内容，我们不难理解为何投票与链接是旅客关注的重点。
Heatmap统计已经出现在不少商用统计服务中，CrazyEgg是其中的佼佼者。不过它们的价格大多数都过于高昂（上千美元一年），免费的Reinvigorate值得各位申请尝试（这服务貌似没有邀请系统）。
PS：假如你使用独立服务器，不妨测试开源的ClickHeat，它提供本地Heatmap统计服务。不过正如出名的Piwik，它们都爱耗费大量的资源，用在虚拟主机上，不是你的数据库超载，就是CPU使用过量，再不然就是内存耗尽。一句话，量力而行——Piwik与ClickHeat的统计可能比第三方服务要准确，但免费的午餐不存在。
PPS：Reinvigorate的国内访问速度颇慢，使用WordPress的旅客可以用WP Minify插件将其本地化。顺便一提，WordPress上自动合并JS与CSS文件的插件还真不少，包括历史悠久的WP JS与WP CSS。
PPPS：本文只是抛砖引玉，欢迎旅客推荐更有趣的服务。
