web standards

漫谈标准中CSS浮动令人困惑的部分

时间追溯到4年前,那时刚出道,写了一篇CSS定位机制之一:普通流,转眼4年酱油人生,说好的浮动和绝对定位的篇幅也一拖4年。多少是因为对于熟悉的东西很难提起兴致,但更多还是因为懒惰。 这些年一过,浏览器环境的变化令人欣喜。当年甚少人讨论的BFC等概念,如今也已经说烂了。虽尚未满三十却深感锐气不比当年——说好的第二第三篇浮动和绝对定位应该不会有了,所以就随便聊聊浮动和绝对定位的一些麻烦之处——一些很多人可能不知道的,或者故意略过的,或者困惑的地方。 既然是浮动,那么首先第一个问题,什么是浮动? 如果是4年前的我,一定会摆出一堆定义,然后对着各种可能是人尽皆知的特性码很多字。如今,要是在让我解释什么是浮动,我只会说:“浮动===靠边”,并且我觉得我已经找不到比“…

重译《与HTML4的差异》

2014-08-07: 为ghost迁移并添加了以前wordpress的评论内容。小伙伴们可以继续吐糟了~ 11 January 2014: 由于平台整体从WordPress切换到了Ghost,而Ghost没有内建评论功能,所以请需要提交订正信息的朋友,将需要订正的内容发邮件到 iifksp[at]swordair.com,谢谢。 自上次翻译《HTML5 Differences from HTML4》以来已经过了两年,HTML不断发展和更新也导致我之前的翻译显得有些过时。2个月前,这份编辑草案再次更新,相比两年之前内容一下多出许多,于是就下来决心要重头再来一遍,于是就有了这次的重译。实际上,内容的变化多到已经无法用更新来完成,结构、…

HTML5相对于HTML4的差异更新浅析

去年我翻译了 HTML5 differences from HTML4,时隔约快一年了,这份工作草案再次更新。而我也开始着手更新自己的翻译稿。 这次的更新量相当大,所以翻译完整更新以及修订需要一些时间,但我会尽力最快地拿出更新稿。今天乘空的时候稍稍对比了一下两者,如果你读过去年5月25日版本,无论是英文原文,或者是我的翻译稿,那么你就可以从下面了解一些当前的最显而易见的改动。 新元素 WHATWG增加了一个 data 元素,用来把内容标注成机器可以读取的值。举个最简单易懂的例子: I have <data value="8">eight&…

CSS display: run-in;

display:run-in; 是一个非常有趣的属性,虽然作为普通流里的一个环节,但却很少有人问津。Chris Coyier 曾经写过一篇 CSS Run-in Display Value,简述了这个属性的作用。除此以外,它几乎不被人所讨论。 对于其定义,大致上就是下面这三点: If the run-in box contains a block box, the run-in box becomes a…

HTML5 Differences from HTML4 译文

原本是在蓝色理想上接了一个150积分的任务,然后开始翻译这篇虽然是草案却被广泛引用并且阅读的工作笔记——HTML5 Differences from HTML4,即《HTML5 相对于 HTML4 的差异》。对于翻译内容的一再斟酌花费了大量的时间,所以翻译工作比想像的更为耗时和费力。不过在经过了一系列的折腾后,总算迎来了成果。 你可以在这个链接看到我的译文:http://www.swordair.com/docs/html5-differences-from-html4/ 关于翻译的一些说明 文中遇到的(译注,......)是我额外添加的注释,目的是希望在某些可能阅读出现问题的地方给出些提示。 翻译风格尽可能遵循文档原意,在流畅度上保持一定平衡。 我翻译了前4章,…

CSS3 box-shadow 详解(1)

这段时间确实比较繁忙,所以博客一直都没什么产出:) 前段时间看到一篇《9个你现在可以使用的CSS3属性( 9 CSS3 Properties You Can Use Now)》,描述了当前可以渐进使用的CSS3的新的属性。但实际上由于种种原因,当前能使用的其实远达不到9个这么多。 本文讨论的就是其中之一,box-shadow,而且是从比较细节的角度。既然是详解就必然要写的详尽,于是,写到一半的时候才发觉内容太多,所以就分成了2个章节。这个章节里讨论box-shadow标准的描述,所以你能知道一些非常细节的东西,当然这些东西都没法使用,所以如果你只是想了解怎么使用box-shadow,请跳过这一章,直接阅读我写的《CSS3 box-shadow 详解(…

CSS定位机制之一:普通流

内容比较长,就分为了3篇,这是第一篇。下面是整个列表: CSS定位机制之一:普通流 CSS定位机制之二:浮动(已坑) CSS定位机制之三:绝对定位(已坑) 虽然以前也时不时会翻阅CSS2.1的文档,不过这么认真的逐字逐句地看,却还是第一次。也许正像画漫画一样,和技术以及时间都没多大关系,缺少的可能只是一种心境。 由于没有搜到任何自己认为完整的关于文档流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此啃掉了CSS2.1里的 8 Box model 以及 9 Visual…