web standard

浅读 Media Query Level 4

目前主流浏览器对CSS3 Media Queries的支持度已经非常好,那么就展望看看Media Query Level 4~前段时间抽空看了一下,就挑选几条感兴趣的说下。由于目前文档并非标准而只是工作草案,所以本文所列内容随时可能过期,只作为一个向导。 更新频度 update-frequency 查询设备的实际更新能力,取值也比较直观: none: 一旦渲染无法更新(比如打印机) slow: 更新缓慢(比如电子墨水) normal: 正常更新(比如我们更为熟悉的电脑屏幕) 这个查询可以为一些带有交互类的内容提供更多的外观控制,因为我们不是指定设备,而是根据设备的实际能力,对最终内容的样式加以优化。比如最简单的例子:…

翻译更新《HTML5与HTML4的差异》

自从4年前因为接下论坛任务开始,《HTML5与HTML4的差异》这份文档的翻译工作就一直视之是份内之事。在之前的2013年5月28日的版本之后,这份文档又更新了2次,限于精力有限,我只能跳过2014年9月18日的那个版本,直接重制了最新的2014年12月9日的版本,这也是W3C HTML5规范敲定后这份文档第一次的更新。 文档链接保持不变:http://swordair.com/docs/html5-diff/ 并将内容维护放置在了Github: https://github.com/iifksp/html5-diff 由于W3C HTML5规范已经在2014年敲定,所以这份工作笔记就开始往既定的规范靠拢,内容比起之前的有了大幅缩减。由于改动实在太大,我只能对内容做了逐行的比对,将主要变化记录,内容很多,…

CSS 百分比 margin & padding

前段时间我同事对于margin和padding应用百分比值似乎有些误解,觉得可能是个普遍问题,所以觉得有必要拿出来单独写一下。 margin和padding都可以使用百分比值的,但有一点可能和通常的想法不同,就是 margin-top | margin-bottom | padding-top | padding-bottom 的百分比值参照的不是容器的高度,而是宽度。 引用标准(2.1)原来的表达: The percentage is calculated with respect to the width of the generated box's containing…