Firefox 3.5升级中6点值得注意的地方

今天刚刚把Firefox升级到3.5,配合着Win 7 RC的确让人神清气爽。看到Estelle很快写了点关于Firefox升级的东西,实在太开心了,省的去翻官方的通告了。快速翻了一遍,如下:

原文地址:6 Firefox 3.5 updates of interest

版权所有:Estelle Weyl

Firefox 3.5对于CSS 3选择器的支持

Firefox 3.5在6月的最后一天正式发布了。正如我在几个月之前用过的Beta版本一样,FF3.5全面支持CSS3选择器。点这里查看CSS3浏览器支持表。这个更新实在太伟大了,让我们不禁欢欣鼓舞,只有一点例外:这个消息意味着我之前在写的谷歌Chrome的hack同样将影响FF3.5。

我将CSS3浏览器支持表同步更新到FF3.5。放眼望去,FF3.5那一列被美丽的绿色背景填满,因为它全面支持CSS2.1和CSS3。

Firefox 3.5的CSS和HTML特性

1、@font-face

@font-face声明(与其说属性,它看起来更像是下载)允许你去定义一个字体,并且下载该字体,之后在整个站点页面范围内,你可以将其插入其他的font-family属性中去引用这个字体。

@font-face {  font-family: <a-remote-font-name>;  src: <source> [,<source>]*;  [font-weight: <weight>];  [font-style: <style>];}

2、媒体类型

Firefox 3.5支持更多特定的媒体设备状况,例如提供CSS基于颜色索引,屏幕长宽比,屏幕的高度或是宽度,轴向,分辨率等等。在iphone CSS中,我们已经对其中的一些有了初步的了解。换句话说,这些在FF上很酷的新鲜特性,都是Webkit中玩剩下的了。此外,FF3.5支持媒体类型声明使用逻辑运算符,针对那些不支持此特性的上一代浏览器的hack相信不久也会被发明出来。

media screen and (min-width: 600px) and (max-width: 800px) // low resolution laptop?<link rel="stylesheet" media="print and (min-width: 11in)"... // landscape printing

3、支持HTML 5特性

Firefox 3.5支持HTML 5的音频和视频元素,离线资源,HTMl 5的拖拽API支持站内和站站之间的拖拽。另,Firefox 3.5改进了对于canvas的支持。

Firefox 3.5 CSS 2.1和CSS 3新特性以及失败之处

Firefox 3.5做出了一些改进,但在对CSS的支持上仍然有上升的空间。除了官网中提到的以上几点之外,以下几点也有相应改进:

4、:before和:after更新至CSS2.1规范

:before和:after这两个伪元素在position,float,list-style-*以及其他一些显示属性上尚且不能得到完整的CSS 2.1支持。见CSS属性值大全。在这一点上我依然观察到一些问题,但我的CSS在测试中没有完全验证我的想法……所以,以观后效吧。

5、opacity,text-shadow和word-wrap

虽然这些CSS3(对于text-shadow来说,它也属于CSS2.0范畴)属性在Firefox早期的版本中某些方面表现的很不错,但现在你不用在这三个属性前添加-moz扩展了。

6、CSS3属性中的-moz-扩展

-moz-box-shadow, -moz-border-image, -moz-column-rule, -moz-column-rule-width, -moz-column-rule-style,以及 -moz-column-rule-color目前在FF3.5全部支持。

我还没有做更多的测试,即便如此我还是把已知的写在这里。一旦有机会,我将会更新此页和CSS属性值大全的页面。

Web标准化变通的底线

Web标准中的确是存在着无数的变通之道,但拿一种在现实应用中绝少出现的“实验室结果”去否定Web标准和语义,显然是一种想当然的做法。按照span替换ul的逻辑,那么页面上的h1也要用span加strong代替,不然没有样式表的页面,标题会太粗大了,在手机界面上也会占用大量空间;缩略图、标题加内容简介的页面块也不能用dl、dt和dd的结构了,还是用回table最好,没有样式的时候,他们比前者整齐太多了。

More...

小议css文件管理

网站建设中,把一个原先要全部写在一起的css分成多个互有分工的css,看上去科学合理,但是有另一种声音对这种css文件管理方法提出了质疑。Schmitt就在他的新书《Adapting to Web Standards》中列出几点问题,我综合了一下:1、选择器有可能在多个文件中重复,文件彼此的依赖关系复杂,调试变得更困难; 2、在团队开发中,不同的人对于css文件的分法有不同的理解,经验不足的新手反而会成为绊脚石; 3、增加了css的总体大小,增加了HTTP请求。
 

More...

CSS渐进增强

在本系列的上一篇文章里,我们了解了渐进增强的基本概念(中文译本可以参看这里和这里);现在,我们可以开始讨论如何应用它了。在使用CSS的时候,我们有多种融合渐进增强的方法,本文将谈及其中的一些方法,此外也让你思考一下如何在你的站点中应用其他渐进增强的方法。

翻译本文的想法来自于淘宝UED翻译的本系列的第一篇文章:http://ued.taobao.com/blog/2008/10/09/understanding-progressiveen-hancement-chs-translation/

也许,淘宝UED也会继续翻译该系列的所有文章,包括本文。

他们的水准毋庸置疑,当然也欢迎大家和我交流~

More...

Acid3认知和误解,我们有赢家么?

Acid3可能是WaSP在去年完成的最显著的一件事。当Google Chrome推出时,几乎每一个对它的评价都包含了这个小小的测试,作为衡量标准的标杆。它被博客和文章频繁提及。现在Surfin' Safari blog已然宣称Webkit的团队认为他们通过了Acid3的每一项测试。毋庸置疑,这是个伟大的成就。祝贺Webkit的团队,但我们更想祝贺每一个网民——得益于该测试,他们将得到更好的体验!

但是,通过Acid3测试到底意味着什么?Lars Gunther的文章将与您一起探讨这个问题……

More...

分页:[«]1[2][3][»]