火狐3超越IE7成为欧洲第一大浏览器软件

据国外媒体报道,市场研究公司StatCounter周二表示,上周Mozilla基金会的火狐3浏览器取代微软IE 7成为欧洲第一大浏览器软件,微软数年来首次痛失浏览器市场领头羊地位。上周,火狐3在欧洲浏览器市场上份额为35.05%,超过了IE 7的34.54%。

StatCounter 首席执行官奥德汉·库伦(Aodhan Cullen)在一份声明中说,“火狐3超过IE 7的部分原因是少量IE 7用户转向IE 8,部分原因是火狐3市场份额的增长。数据显示,火狐在迅速缩小差距,在欧洲的市场份额只比IE落后10个百分点。”StatCounter称,2月份 IE 7全球市场份额为41%,火狐3为24%。

来源:腾讯科技

,

No Comments

Opera CEO称IE 8浏览器继续破坏网络标准

Opera Software首席执行官Jon von Tetzchner本周公开表示,微软的IE8浏览器还将继续破坏网络标准。这使得Opera必须继续浪费时间和金钱更新网站用于IE 6和IE 7。这也意味着,微软继续对网络施加不正当的影响和破坏。
多年来,微软已经以自己的IE浏览器引擎建立了自己的网络标准。这就迫使网站设计者要建立一个同时兼容于IE浏览器和其他的浏览器。这就扭曲了市场。 值得注意的是,尽管微软在IE 8已采纳了万维网联合会的HTML 5和CSS 2.1,但它没有采用已使用于Mozilla,谷歌,和Opera的SVG。
Jon von Tetzchner暗示,IE8真的到来的时候,不管它提供支持什么样的标准,其投诉缺乏对网络标准的支持会促使欧盟调查微软。这种情况现在已经引起了谷歌和Mozilla的支持。

,

No Comments

看看你是哪个等级的CSS开发人员

新闻来源:wowbox.com.tw(台湾)
CSS? Isn’t that a multiplayer game?
第0级:CSS?那不是一个多人射击游戏吗?
有些人因为在找CS:S(Counter Strike: Source)这款游戏的资讯而进到#CSS网站。不必担心这些人,他们不可能制作太多网页,所以对网络也不会造成多大伤害。

Yeah, I use it to remove underlines on links sometimes
第1级:是啊,我偶尔用它来移除连结的底线

和第0级的人不同,这些人学过HTML,也制作过几个简单的网站。他们只有在无法使用HTML制作出某些效果时,才会使用CSS,例如移除连结的底线或者设定行高。这些人的网站通常规模不大也没什么访客,所以他们也不会对网络造成太大伤害。

No, I don’t like divs; tables are much easier to work with
第2级:不,我不喜欢div元素;表格好用多了

他们听过使用div元素来设计网页这件事,也花了些时间学习CSS。不过他们很快就放弃了,觉得CSS太难而且支持度不佳,还是宁可用表格排版。
注意!他们是危险人物!他们在这个领域已经待了一段时间,许多都是网站部门的主管。和他们接触是很重要的,提倡网络标准的人应该多多开导他们,这对网络的意义非同小可。

Yes I’ve heard it’s good, but I can’t use it because of…
第3级:是啊,听说它挺好的,不过我没用它因为……

这些人虽然知道CSS的优点,不过总是基于某些原因而无法使用它,例如他们可能有第2级的上司,或者他们必须考虑到Netscape 4的使用者。
旧 版的浏览器虽然不支持CSS,不过使用者还是可以看见完整的内容。而基于亲和力(accessibility)和易用性(usability)的好 处,CSS可以为网站带来更多访客。把这些优点告诉第3级的开发人员,即使他们不是决策者,或许多少能对第2级的上司发挥点影响力吧。

CSS? Oh! Yes, I use divs for all my layouts
第4级:CSS?喔!没错,我用div元素来排版

在 页面中使用过多的div元素反而是这群人的问题,他们会用#toprightredline或是#r5_c7(表示第5列第7栏)这样的方式设定div元 素的id。即使可以通过XHTML 1.1的验证,这种排版方式却无法发挥CSS的优势。荧幕朗读软体(screen readers,视障者使用的浏览器)很难解译这些网页,旧版浏览器也会有同样的问题,网页的内容无法完整显示。而不良的class与id命名方式,也对 于版面的修改造成极大不便。
虽然第4级的人制作的网站仍然很糟,不过由于他们很容易接受新的观念,因此对网络造成的伤害较小。许多所见即所得(WYSIWYG)的编辑器制作出充满div元素的原始码,可能也是误导这群人的原因。幸好这些编辑器已经逐渐改良了,希望这会有助于第4级的人继续往上提升。

I use CSS for design, it’s better than tables because of…
第5级:我用CSS来设计,这比表格好多了,因为……

第5级的人知道CSS的优点并乐于使用,虽然有时会遇到些问题,但并不严重。他们也能运用长期的CSS工作经验,与人辩论为什么要将网页的结构与设计分开。我猜这篇文章大部分的读者是这一级的CSS开发人员,我想我自己也是。不过这还不是最好的……

What version of CSS? Yes, I do. Did you read my book about…
第6级:哪个版本的CSS?是的,我知道啊。你有读过我的书关于……

第 6级的人致力于改良CSS,并且写了许多很棒的文章介绍它的新用法。其中有些人将W3C关于CSS的说明文件全部读完了,并且知道哪些功能在哪个版本的浏 览器才有支持。他们是CSS初学者的典范,并且运用他们的影响力使网络更加进步。其中有许多人组成了Web Standards Project,如果你在他们的网站上面发现任何错误,那一定是有理由的,向他们请教之后你必能获得满意的解答。

No Comments

Div+CSS初学者应该知道的十种技巧和对Web标准的理解

CSS是目前网页布局主流的形式,也是52CSS.com向大家介绍的核心内容,由于CSS被广泛地使用在几乎所有网站上,所以让我们花些时间来创建样式表并确保它符合良好的标准。下面的技巧会极大地在开发过程中帮助CSS初学者。大家可以从中了解到DivCSS初学者应该知道的十种技巧和对Web标准的理解。

一、索引
本处的定义将帮助你和其他开发者了解网站和CSS文件,还将帮助你们了解CSS文件中的内容。索引部分知识一个格式化了的CSS注释段落。

  1. 给出CSS文件的作者信息
  2. 定义网站的设计(列数,静态/动态)[columns, static/liquid]
  3. 持续跟踪文件版本(当文件有多个作者或未来需要有升级更新的时候非常有用)

index

二、锚点
锚点就好像在同一个CSS文件中的书签一样,锚点使你清晰地浏览整个CSS文件按并且使它很有组织。
锚点需要在CSS的索引(上面提到的)处定义,因为CSS没有自己的锚点系统,所以我在文档中使用了一个简单的技巧定义锚点。
方法是用一个比较罕见的字符来定义注释,当你想找某个锚点时,你就可以从索引处复制并查找锚点的定义符,并找到该锚点。

anchor

三、重定义
重定义是用来覆盖HTML默认的标签样式,把它们进行重定义的方法。你是否见过这样的CSS代码,它只是想把那个特定的元素加上样式!
CSS中一个非常美丽的用法是上下文选择器,让我们使用它:

classitis

四、命名规则
一个很关键的因素将元素给出精确无误并且干净有效的名字,这将避免混乱并让你更容易快捷地读懂你的CSS。

name

五、缩写
CSS中的缩写功能是你可以将许多同类型的属性合并成一个的属性。
CSS缩写使开发过程更简单并且让你的CSS文件干净、简短、可读,下面是几个例子:

shorthand

六、Sprites
翻译成精灵好像并不能对文章加深感性认识,反倒在真正看到英文的时候不理解了,所以干脆不译。将所有的背景图片合并到一张并且使用背景定位来显示不同的部分,这就是我们所说的CSS Sprites。
CSS Sprites能够减少HTTP请求的数量,节省带宽,使得读取更快。同时也可以避免图像不稳定现象(比如当鼠标经过一张图片时可以显示另一张图片的效果,后一张图片将在慢速的因特网连接中等待半天才会出现)。
CSS Sprites最佳并且最受欢迎的例子是苹果公司网站上的菜单系统:

sprite-1

七、明确化
选择器明确化是当好几个规则都可以被相同的元素使用时,优先使用哪一个的过程。
简单说来,每个CSS选择器都有权重。选择器的所有权重的总和决定了它在文档中的属性。当CSS文档很大,以至于你不知道元素哪个权重较大时,明确化就能起到很大的帮助。
恩,明确化是CSS中一个较大的领域,以至于很难用几句话解释清楚,还是看例子吧:

specificity

八、属性重置
全局属性重置确保一个网站在所有浏览器中显示几乎一样。在每一个案例中,不同的浏览器给所有网站使用它们自己的默认样式设置集,这将使我们的网站在不同的浏览器中显示不一样。全局属性重置将改正这种情况并让你从绝对一致的基础开始建立网站。
我并不总是推荐使用CSS框架,但是CSS重置你还是需要用到的。现在有许多不同的重置方法,从简单的到复杂的。

reset

九、CSS Hacks
即便是一个完美的CSS,它也不能在所有浏览器中产生完全一致的显示,每个浏览器有对CSS不同的解释方法。总而言之,如果你需要你的网站在所有浏览器中保持一致,你不得不使用CSS Hacks。
使用CSS Hacks将减少CSS验证时产生的错误,这一点我同意。要实现这点,一个可选的方法是每个浏览器使用单一不同的CSS文件并通过在 HTML中包含判定浏览器的标签来告诉浏览器应该使用哪个特定的CSS。我经常在我所有的项目中创建一个“fuck-ie.css” :) (译者注:此处作者用脏话表达了他对IE的愤怒。如果翻译成“和IE交配.css”,世界会不会和谐一些?)
使用这种方法后,你的“主CSS文件”将通过验证,与此同时,“fuck-ie.css” 文件也会通过验证,但是只在IE浏览器中覆盖“主CSS文件”。

hacks

十、验证
在创建CSS的时候就验证它总是很必要的,这将确保你的CSS没有错误并且可以被所有浏览器正确地解释。
W3C验证器是一个非常流行的在线CSS验证工具。

css-validator

来源链接:http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices

1 Comment

网络专家称全球网站符合国际标准比例仅4%

近期,媒体披露了不兼容IE8的中国主流网站名单,引发了业界对网页标准的关注.25日夜间,挪威Opera软件公司网络标准专家Zi Bin Cheah接受跨国采访,他表示,这一现象不仅出现在中国,美国和欧洲也存在类似的情况.Zi Bin Cheah援引业内三个大型W3C网站标准的调查数据.这三个独立调查分别分析了两百万、一百万及三百五十万个网页,结果显示,符合网络标准的网站只有4%.相比2001年的1%,虽然显示出支持国际标准的网站在不断增加,但相对比例还是很低.

他表示,目前推广标准的最大阻力,是在某些市场上,只有一个浏览器独大,所以开发员就只只给那个浏览器做测试.观察亚洲市场,这一现象在韩国更为突出,为支持网络发展的韩国曾颁布相关法令,结果只考虑到IE浏览器,而导致网站的网页设计只是基于IE.

国际标准与事实标准(无可否认,IE已经成为事实标准)的并立,也给企业造成开发成本的提升.Zi Bin Cheah介绍说,在这种情况下,网站开发技术人员的代码必须测试用户的浏览器是IE核心或是W3C,同时网站也必须有两个CSS版本.“更恐怖的是,有 一些网站甚至只可以在IE运行,你要是用IE以外的浏览器,就浏览不到了.国内有一部分网站就是这样.”

“国内有一些网站是运用ActiveX的.这技术只有IE核心浏览器在使用,其他的浏览器都决定不支持它.所以这些网站基本上在其他浏览器上是不能运行的.”

而在北美,Opera与火狐,及谷歌浏览器Chrome市场份额的不断扩大,也在逐步凸显不能兼容的矛盾.此间,国内专家也在不断呼吁要重视W3C网络国际标准.

在海外,W3C标准专家也在不断宣讲,致力于推广W3C网络国际标准,一方面建立草根网站进行推广,另一方面也不断去影响网页设计师、网页公司,“标准化其实是可以给公司带来长远的利益.在开发过程中拿出一些时间做标准工作,可以保证日后不需面对兼容性的问题.”

他表示,用户不希望看到四分五裂的网络,而是希望“One Web/一个网络”.

No Comments

浏览器之争:IE 8能否受益Windows 7?

微软正在加紧新版操作系统Windows 7的推出,而火狐浏览器也正在为占有四分之一全球浏览器市场而努力,在欧盟法庭上一场浏览器战争也已经悄然打响.未来人们访问互联网将采取何种方式,现在 无疑到了决定浏览器市场格局的关键时刻.欧盟委员会已经针对微软发出反垄断诉讼,称微软“捆绑IE浏览器到Windows中的做法伤害了Web浏览器之间 的竞争,破坏了产品创新,从而最终减少了消费者的选择.”

这个观点受到了火狐浏览器背后的Mozilla基金会的支持,同样持此观点的还有最先将微软告上法庭的Opera.

Mozilla的首席执行官米歇尔•贝克尔(Mitchell Baker)在博客中表示,“在我看来,欧盟的这个声明毫无疑问是正确的,这丝毫不用怀疑.在微软开始开发IE之前,我就一直从事开发和推广Web浏览器 的工作,微软的所作所为已经明显的损害了竞争、创新和Web开发的步伐,而且它目前仍然在继续这种做法.”

浏览器市场争议不断

即便没有这场官司,IE浏览器自从问世以来,围绕它的争论就一直从未中断过.

在19世纪90年代,IE浏览器与Netscape的战争成为人们关注的焦点,也正是这场战争让许多人对微软及其与对手竞争的手段产生了坏印象;这次的反垄断案只是此事件的一个最新延续.

贝克尔表示,微软还通过美国司法局和法庭裁定违法的方式来推广IE,导致IE浏览器最终占据了90%以上的市场份额.而一旦实现垄断浏览器市场的目的后,微软就停止了浏览器的开发;甚至裁减了浏览器开发团队.

随着最近火狐浏览器市场份额的稳步提升,以及其它像Opera、苹果的Safari和谷歌的Chrome等浏览器市场份额的日渐增长,单纯从数据上来看,微软似乎正在逐渐失去对浏览器市场的掌控.

然而,从Windows 7 beta中,微软已经看到了扭转这种趋势的希望,Windows 7这个新操作系统的发布,或许让IE浏览器的市场份额再度攀升.

原因何在?毫无疑问,Windows 7必定选择IE8作为其默认浏览器,大量用户将面临一个选择:是使用IE8这个微软大大改进的浏览器,还是再费劲的下载安装使用其它浏览器,多数用户的选择可能是前者.

分析机构Forrester的首席分析师Paul Jackson表示,“在IE8中,你将看到更多更强大的功能,这是一个与操作系统集成更紧密的浏览器.或许欧盟还在持观望态度,不过我认为当Windows 7推出后,人们将看到一个全新的浏览器市场格局.”

IE8能否受益Windows 7决定历史重演与否

业内存在一个观点,用户会发现系统自带的IE 8浏览器已经足够好用,无需再去下载像火狐或Opera之类的浏览器,因此Windows 7会再次巩固IE的市场统治地位.但是Gartner分析师David Mitchell并不认同此观点.

IE 8是一个更完善的浏览器,将意味着有更多的人会觉得没有必要去使用一个其它的浏览器,这个观点只能说部分正确.Mitchell认为只会暂时阻碍火狐浏览器的增长,单单靠Windows 7本身,无法对浏览器市场带来如此重大的影响.

已经习惯使用某个浏览器的用户,会直接去下载他们过去喜欢的浏览器.

而且,微软是否还被允许在Windows 7中设置IE为默认浏览器,这还是一个有待确认的问题.

贝克尔认为,“微软一直在坚持伤害浏览器市场的行为,大量的用户在使用老版本的IE,他们通常不知道浏览器为何物,也不知道自己可以选择使用高质量浏览器.这让浏览器市场很难迎来创新,难以提高互联网上大多数用户的使用体验.”

然而,资深微软观察家Mary Branscombe却有另一种看法.

她表示,在上一次反垄断战争中,Netscape声称它无法从IE手中争夺浏览器市场份额,因为微软通过免费在操作系统中提供一个浏览器,抑制了Netscape争夺客户的可能.

但是根据这场官司所披露出的数据来看,事实证明Netscape曾经推出了比当时互联网用户数量还多的Navigator浏览器软件,其失势的主要问题在于通过ISP来推广Navigator的商业模式,以及未能说服微软在Windows中包含Navigator.

现在看来,尽管欧盟表达了自己的看法,关于捆绑浏览器到操作系统的争论却仍将继续.的确,Windows 7的推出将为浏览器市场注入了各种可能事件的发生,最终它将对这个行业带来多大影响还要拭目以待.

文/IT168

No Comments

Internet Explorer 8 RTM版开发完毕

据俄罗斯Wzor报道,微软已经在2月21日完成了IE8 RTM版本的开发。

报道称IE8最终正式版已经开发完毕,并且提供给了内部人员和合作商,版本号为8.0.6001.18691。据悉,微软计划在正式发布前首先提供给MSDN/TechNet订阅用户和Connect测试人员,公开发布要等到三月份。

微软在1月底发布了IE8的唯一一个候选版本RC1,微软表示IE8将会在很多方面进行改进,对新页面和标签的响应速度更快,在执行很多常用任务时的步骤也进行了大量的精简,增强了隐私保护功能,更好地保护用户的隐私和机密信息,一个更重要的方面是,IE8在安全保护方面进行了巩固,可以有效阻止恶意软件攻击计算机。

No Comments

海外著名Web设计师们的工作台

很多人会对自己经常访问的那些著名博客或网站的设计者或经营者们感兴趣,希望知道他们的工作空间到底什么样。于是 webdesignerdepot.com 的编辑和他们取得联系,要他们发来他们的工作台的照片。这些照片显示多数设计者使用苹果机,有的还同时使用 PC 或笔记本。他们的工作台有的很整洁,有的则有些邋遢。

还发现一个有趣的现象,很多人的工作台都面对着墙壁,这表示他们的工作间相对是一个比较私密的空间,否则面墙工作是会让人没有安全感的。我自己的工作间是一个约20平米的空间,工作台右边是一扇很大的窗户,背后是一个可以随时躺上去的沙发床。这是一个人可以不分昼夜工作的必要条件。和他们不一样,我的办公室所有的工作台都背靠着墙壁。背靠着墙壁是才让人踏实 – 译者。

14m41a0

2331593145_363e7204b0_b

adelle

bartelme

bittbox

bsa

chrisspooner

cssglobe

cssmania

cssremix

danrubin-workstation-20090218

designshack

desktop1

elliot

franz_jeitz_workstation

gino-orlandi-office

img_0250

inspiredology

jonathansnook

kailoon

mib_workstation

myphotoshopbrushes

myroom

niki-brown-desk

outlaw

problogger

psdvault

seomoz

steven

studio7designs

thedesigncubicle_workspace

usabilitypost

wdd

wdd-workstation-david

wdw

webdesignledger

wefunction

workstation

ws

本文原始来源:http://www.webdesignerdepot.com/2009/02/the-workstations-of-popular-websites/
中文来源:COMSHARP CMS官方网站

No Comments

微软公布与IE8不兼容的2400个网站

由于IE8浏览器在渲染技术和标准支持方面变化较大,导致不少现有网站都无法与之兼容,也就是在新版浏览器里不能完全正常显示.
为此,微软在IE8里加入了兼容浏览模式,根据内置清单为不同的网站自动选择合适的渲染模式,并且这份清单会定期更新,增加新发现的不兼容网站、删除已经改进的网站.

http://blogs.zdnet.com/microsoft/?p=2072

来源:http://www.cnbeta.com/articles/77410.htm

,

No Comments

Web设计:实现干净代码的12条定律

漂亮的代码是漂亮网站的基础,优秀的 CSS 只存在与同样优秀的 HTML 之上,干净的,语义的 HTML 代码让一个网站更健壮。本文讲述了12个实现干净 Web 设计代码的定律,适合于任何从事 Web 设计的人。

1. Strict DOCTYPE
要做就做对的。不管是 HTML 4.01 还是 XHTML 1.0,它们都提供 Strict 模式,使用 Strict 模式可以保证我们的代码不隐藏任何错误。

参考资料:

2. 字符集声明,特殊字符进行编码处理
字符集声明应当放在 <hea> 部分的最前面,以便让浏览器知道如何显示网页中的所有内容,包括标题。另外,一些特殊字符,如 & 最好用 &amp; 代替,这是一种最安全的方法。

参考资料:

3. 恰当的缩进
缩进不会影响网页的渲染,但会明显改善阅读源代码时的体验。缩进没有特定的规则,但始终保持一致是个好习惯。

参考资料:

4. 将 CSS 和 JavaScript 放在外部文件中
将 CSS 和 JavaScript 放在外部文件中引用,不仅减低单个网页的尺寸,而且意味着其它网页也可以共用这些代码,另外,浏览器的缓存机制可以很好地降低对相同代码的重复下载。

5. 正确地嵌套 Tag 标签
如下图,第一行代码中,<h1>标签嵌套在 <a>标签中,尽管多数浏览器会正确渲染,但这不是好的习惯, 标签是 block 对象,而 是 inline 对象,inline 对象不应该容纳 block 对象。


6. 消除不必要的 <div>
<div> 常被滥用(尤其在我们现在所处的 DIV+CSS 神话中 – 译者),人们希望把任何东西都放在 <div> 中以便为它们分配 CSS 式样,这种滥用会导致的臃肿。

参考资料:

7. 使用更好的命名规则
如下图,Cat 的 CSS 类被命名为 red italic,暗示着 Cat 使用红色斜体,如果你想将 Cat 改成兰色的粗体呢?

8. 尽量使用 CSS 控制文字的排版
如下图所示,不要直接使用大写,用 CSS 对这些文字排版方面的格式进行控制,这样会更灵活。

9. 为 <body> 分配独立的 class/id
为 body Tag 分配一个独立的 class/id,可以很好地定位页面中任何对象,因为页面中所有对象都位于 body 中。

参考资料:

10. 验证
无需多言,你应当尽可能对网页的代码进行验证,尽管有些代码错误浏览器能自动更正,但有些错误是会带来不好的后果的,尤其当你位于 Strict 模式下。即使什么都不为,看到那个绿色的 W3C 验证标志至少可以让自己舒服一些。

W3C 验证是否通过并不一定要什么拘泥,Web 设计中存在更多的考量,只拘泥 W3C 验证结果,可能影响一些更重要的因素,比如,IE6 在 W3C 标准方面存在不少 BUG,如果你为了100%通过 W3C 验证而宣布自己的网站不支持 IE6,至少在国内会得不偿失的 – 译者

参考资料:

11. 合理的结构次序
将网页结构保持一个合乎逻辑的次序。

12. 尽你所能
如果你从零开始写,保持以上的原则当然要容易的多,如果要修改旧的代码,将会很痛苦,一些 CMS 系统拙劣的编码会让你陷入泥沼,或者你的网站规模宏大要改动的东西太多,不管怎样,始终保持良好的习惯非常重要。

更多阅读:
完美网站的101项指标
本文国际来源:http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/

No Comments