13个WordPress技巧和教程网站

WordPress即使不是世上最流行,那也是数一数二的开源博客和内容管理系统。有超过250万的网站和博客采用这款屡获奖项的网络软件。并且WordPress的潜在用户群也在日益扩张,他们中不乏开发者、设计人员、投稿人和自由作家这些独具技术和知识的群体。我自己的自由职业业务也有超过9成与 WordPress多少有关系,并且我发现为客户提供高质量、经济实惠的个性化的WordPress网站会快速增加我的业务。

在这篇文章中, 我为大家提供13个我经常去看一些技巧和教程的网站(排名不分先后)。我相信这些网站会增加你对WordPress的了解,让你使用起WordPress 来更得心应手。有些网站可能你已经知道,但是不管怎样,这些网站介绍的东西,让WordPress更加完美。

WordPress.org

显然要说这个网站。任何一个用WordPress的人都至少去过一次这里。官网提供了使用WordPress所需要的任何东西,包括提供服务支持的论坛——论坛包罗万象,从插件到模板什么都有。当然,Codex部分是定制WordPress站点最好的地方。

Digging Into WordPress

这个网站不仅是极有帮助的一本同名书籍《深入挖挖掘WordPress》(《Digging Into WordPress》)的官网,还是一个囊括从初级到高级,各种技巧和窍门的地方。每次我访问这里都能学到一些东西。

最新文章:

wpbeginner

这个网站对新手来尤其有用。当然也提供一些高级技巧和窍门。

最新文章:

WPengineer

专为WordPress提供相关技巧、新闻、插件、主题、教程和其他资源的相当不错的网站。

最新文章:

WPVibe

这是一个高质量的站点,不仅专注于发布主题、插件和发行版本的新闻,还提供编码方面的技巧和窍门等知识。

最新文章:

WordPress Tavern

很喜欢这个使用酒馆主题的优秀的资源站点(啤酒瓶和啤酒杯比比皆是)。和上面的网站一样,它也是介绍有关WordPress的技巧。

最新文章:

wplift

这个网站提供一些列的WordPress服务,从安装到托管再到主题设计。另外网站也致力于提供WordPres博客插件和主题方面的帮助、教程和测评。

最新文章:

WPSHOUT

这个关注WordPress发展的博客内容很全面,从基本主题设计到使用WordPress搭建CMS面面俱到。

最新文章:

WordPress Arena

WordPress免费资源、主题、方法、插件的等。这个网站已经发展成为我经常使用的手头资源。

最新文章:

WPRECIPES

各种趣闻!每天都有快速、清晰、简洁的WordPress建站方法。

最新文章:

WordPress Hacks

除了发布各种各样的WordPress主题,提供WordPress插件测评之外, 这个站点立足于涵盖Wordpress的整个周边世界,包括最新的WordPress技巧、新闻和使用方法。

最新文章:

Pro Blog Design

严格意义上来讲算不上WordPress资源站,但是这个网站上关于WordPress的文章很经典。

最新文章:

Justin Tadlock

Justin的网站里充满了关于WordPress的好东西,比如使用技巧和教程。我相信这其中的许多经常会用到。

最新文章:

WordPress Snippets

小型的、可搜索的代码段,可以帮助你构建不可思议的WordPress主题。WP Snippets最大的特点是直截了当。无需多言,尽情的享受Snippets吧。

Via:FreelanceFolder 编译:伯乐在线 本文链接:http://www.jobbole.com/entry.php/370

那些让 Web开发者们深感意外的事情

作为 Web 开发者,对自己的行业前景,人人都有自己的看法,然而,任何行业都有出人意料的地方。著名的 Web 开发设计博客 Nope.com 曾向他们的读者做了一个调查,请他们列举 Web 开发领域那些让他们感到意外的事情,收到了各种各样的反馈,本文就是这次调查的结果与分析。

一个真正的符合 Web 标准的 IE

这个消息让我们振奋,在经过 9 个版本更替后,我们终于看到了(或者说即将看到)一个真正符合 Web 标准的 IE 浏览器。在 Web 开发设计界,人们对 IE 的忍耐到达了极限,最终,很多人宣布不再支持 IE 的某些版本,IE9 的出现将改变这一现状,我们从这件事可以学到的东西是,施以压力与时间,任何顽固的东西都会改变。

移动 Web 的爆发

移动 Web 为开发与设计界带来了变革,成为一种时尚与不可逆转的趋势。曾几何时,Web 开发设计者们认为,随着网络带宽的增加以及显示器的变大,我们的 Web 画面会越来越大,那些传统的 960 网格已经显得局促,然而事实却往相反的方向发展,Web 开始被放进那些狭窄的小屏幕,人们喜欢这种变化,随时随地用掌上设备访问 Web 站点。

我们从中学到的东西是,相对于展示效果,人们更看重方便性。

社会网络主导一切

关于社会网络,曾经的那些质疑声还萦绕在耳,一个140个字符的博客平台有什么出息?社会网络管我什么事?我开的是公司,不是学校。然而,似乎一夜间,社会媒体网络遍地开花并迅速主导一切,老网民热烈拥抱,新网民也一拥而上。我们从中可以学到的是,当网络将人们连接在一起的时候,它所爆发的力量是惊人的。

Web 开发与设计已经成为成熟的市场

帮人设计网站曾经是你赚外快的业余职业,是吧,如今,Web 开发与设计已经成为非常稳定且成熟的市场,专业的开发设计有大量的需求。

从 XHTML 到 HTML5

拥有严格语法和代码规范的 XHTML 曾被认为是 Web 的未来,然而不是,Web 的未来是 HTML5。当然,导致 HTML5 受宠的不是它松散的语法(XHTML 严格的代码规范仍然是一种很好的习惯),而是它强大的原生功能,原生的媒体播放能力,本地数据库,画布等等。当 Web 从单纯的文档向应用转变的时候,丰富的原生功能是非常必要的。

苹果与 Flash 之争

Flash 曾是众多 Web 开发与设计者的最爱,当然,它也惹恼了同样多的人。突然有一天,苹果站出来向 Adobe 发难,乔布斯在众多场合指责 Flash 不稳定,不实用,iPhone 和 iPad 均不支持 Flash,当苹果在移动 Web 领域凭借 HTML5 主宰市场的时候,Adobe 风光不再。我们从中得到的教训是,没有任何技术会成为永远的明星。

JavaScript 重放异彩

曾经,JavaScript 是用来让一些画面在网页上飘来飘去的,如今,JavaScript 成了 Web 开发与设计中不可或缺的东西,现在的 Web 开发者甚至不再考虑用户是否禁用了 JavaScript 这样的问题。当 Web 逐渐成为一个应用平台的时候,JavaScript 成了这个平台中最强大的工具。

jQuery 成为真正的明星

JavaScript 虽然强大,但很难用,至少在 2006 年之前是这样的,接着,一个叫 jQuery 的 JavaScript 框架面世,这个开源的,跨浏览器兼容的 JavaScript 框架拥有强大的功能与简单的语法,迅速风靡 Web 开发与设计界,并成为真正的明星。如今,运行 jQuery 的著名站点多不胜数。

CSS 动画

CSS 是网页式样语言,动画,那不是 JavaScript 的事吗?然而,从 2007 年开始,Webkit 开始尝试 CSS 动画,并最终将这一梦想变成现实。

本文国际来源:Nope.com Name One Thing About Web Development You Never Saw Coming

中文翻译来源:锐商企业CMS 网站内容管理系统 官方网站

为什么O’Reilly用动物形象做书籍封面

问题的提出

O’Reilly出品的动物丛书在IT界可谓妇孺皆知,它有很多昵称,如动物世界、饲养员指南等,这些昵称均一定程度上反映了广大读者对该系列丛书的喜爱之情(好吧或者其它什么的各种感情)。没必要多介绍,想必知道动物丛书的人都知道这系列书最显著的特点,就是封皮上会有一只手绘的动物坐镇,基本格式如右图所示(右图有一点不是很标准,一般书的标题会用一个巨大的色块+白色字)。

看过那么多动物丛书,有时候好奇心就突然来了:为什么O’Reilly要用动物形象来做书籍封面?这是来自哪的灵感?封面的动物是怎么挑的?和内容有关系吗?有些诡异的动物都叫什么名字?

应该是太多人问过这样的问题吧,可爱的O’Reilly在官网上就发表了很完美的文章解释,我就图省事翻译一下重点吧(原文地址都附在文中)。

起源:为什么用动物形象做封面

O’Reilly动物丛书的最初设计是由Edie Freedman 完成的,她十年前(2000年) 在O’Reilly官网上发表了一篇文章对动物丛书的封面进行了一定程度的解释 (还是保留了一部分神秘感),并讲了一些封面带来的趣事:

事情要追溯到上世纪80年代末期,Edie接手了第一本动物丛书封皮设计的工作。之后她就被各种涌来的关于动物选择的问题淹没,比如为什么这个内容会选那个动物之类,连作者也会追问,有些作者甚至不爽自己封皮上的动物,怕读者会误以为作者像河马一样胖或者像蓝脚鲣鸟一样笨,但是她从来没有解释过这些选择背后的原因,文章里当然也没有明确解释出来,只是说每个选择并不是随便挑出来的,的确有着某种原因(强烈谴责卖关子行为)。

动物丛书的第一本书和UNIX相关,在此之前Edie只是听说过UNIX,并不清楚具体是什么。突然接触到vi、sed&awk、uucp、lex、yacc这些不知所云的词(UNIX词汇),让她觉得这些词都像来自于当时正流行的游戏“龙与地下城”,于是她心目中UNIX程序员的形象就是一个龙与地下城的玩家(强囧)。开始给书设计封皮的时候,Edie在一系列19世纪的木版画中找到了灵感。画中诡异的动物刚好和那些高深的UNIX术语是绝配。 不过当Edie把这个封面交给O’Reilly的时候,他们的反应不大好。有人说太丑了,有人觉得太恐怖了,还有人说没人会买画着这种封面的书。不过O’Reilly的创始人Tim很喜欢这种诡异的风格,认为这能让这套书在众多出版社的书里脱颖而出。事实证明动物丛书的封皮获得了巨大的成功(左图就是动物丛书第一批之一sed&awk初版封面)。

此后,他们从作者和读者那学到了各种和动物相关的知识。有个作者执意要在封面画上象鼻虫(boll weevil),他给Edie发了无数的关于象鼻虫的资料,仔细的解释了象鼻虫应该放在该内容书籍封皮的原因(为什么眼前浮现出来的是Sheldon追着Penny给她讲呢)。最终Edie采纳了他的意见,于是O’Reilly出版的《Oracle Web Applications》一书的封面就是一大一小两只象鼻虫。

有时会因为在动物知识上的欠缺,出现一些认错版画中动物的情况。有一次Edie把一只猴子说成了黑猩猩,结果收到铺天盖地的读者邮件指出,黑猩猩是绝对没有尾巴的

此外还有一个意料之外的问题,有些读者因恐惧症而无法阅读书籍,比如蜘蛛、蛇、猫。有一个读者的老公就曾给出版社写信,抱怨《Webmaster in a Nutshell》(蜘蛛恐惧症勿点)一书封面上的蜘蛛让他老婆大人不敢看书,他只好通篇翻阅该书,用白胶布把书中的每章章首的蜘蛛图案贴上(模范老公啊)。还有一个读者愤怒的说不会在他们的网站上买任何东西,因为在“如何订购”的网页上有蛇(考虑到生意问题,O’Reilly已经换掉了蛇的图案)。

还有一件更严肃的事情,出版动物丛书让Edie更加注意到生态问题。很多封面动物已经濒临灭绝,而在版画绘制的时期(19世纪),这些动物还是大量存活的。O’Reilly也希望他们使用这些动物做封面能够引起人们对动物保护的关注

补充

  • 封面插画的制作过程。这是发表在O’Reilly官方网站上的图片:
  • 彩虹封面大集合。根据wiki的解释,O’Reilly是用颜色区别不同主题的,集合在一起,震撼又炫丽。
  • O’Reilly的官网Logo。官网上这只小东西叫眼镜猴(tarsier),好像O’Reilly很喜欢这些大眼睛的动物。这张图是官网logo区偷来的,一直盯着它有惊喜
  • O’Reilly动物丛书封皮动物及颜色一览。这个列表列出目前O’Reilly全部书籍的书名、封面颜色和动物名称(看着PMS Color,又很不专业的想到了经前综合症),如果你想了解哪本书的封面,可以至此查阅。
  • 制作属于自己的动物丛书封皮。由于O’Reilly的动物丛书太深入人心了,有一个网站专门让你制作属于自己的O’Reilly封皮YY一下。下面是我YY的作品,还挺像那么回事:
  • 最后纯搞笑一枚

参考文献

本文来源:考据癖 | 原文地址

关于网页设计师你必须知道的

今天,我们展示我们所作的信息视图的一个特别版本 ——关于我们同行网页设计师的大量事实和数据的综合报告。简单一瞥你便可以了解有关网站工作人员的一切。为了设计这个信息图,我们采纳了如下数据来源:

  • 2009, A List Apart Survey(A List Apart 调查)
  • 2010, What inspires your web design work(你网页设计工作的灵感是什么)?
  • 2007 Poll, Where do you do your Web design work(你在哪里做网页设计工作)?
  • 2010 Poll的 What do you charge for Web design work/per hour (网页设计你每周/小时收费多少)?
All You Need To Know About Web Designers

All You Need To Know About Web Designers

来源:testking.com
编译:MazingTech

2010年最佳WordPress免费主题

WordPress是目前最受欢迎的博客平台,其中一个主要原因为每年都会有不少优秀的免费主题。优秀的主题是博客成功的一大元素,国外知名博客WDL根据主题的功能、设计精选了本年度最佳的免费WordPress主题(排名不分先后):

Shaken Grid

该主题非常完美,假如你需要建立一个图片站,不规则的排序更是让你的博客/网站独具一格。Shaken Grid使用了插件jQuery Masonry ,网站内容按照垂直排列,然后按照横向排列。

Imbalance

Imbalance是一个界面非常友好WordPress主题,基于jQuery架构,兼容任何浏览器和操作系统。该主题最适宜在线杂志或个人作品展示博客。

Boldy

Boldy是一个高品质的免费WordPress主题,亮点在图片幻灯片部分。

Mansion

Mansion是一个适合做图片站的免费的WordPress主题。它的主要特点是以缩略图形式展示每一篇日志。明显地,这是为做图片博客的人准备的。

Simplefolio

SimpleFolio是一个适合个人作品展示的WordPress主题,包括了blog等非常广泛的页面选项,它还包括一个头版滑块。

Blissful Blog

Blissful是一个兼容WordPress 3.0适合婚庆行业的WordPress主题。

Simplo

Simplo,顾名思义,是一个外观简洁的专业主题。Simplo主题使用方便容易上手,同时可以通过主题选项页面配置更改主题色调(提供六种色彩)。

Structure

Structure主题是采用样式添加的内容。它具有两色选择 – 白色版本和黑色版本。

AutoFocus+

AutoFocus+是一个简洁的WordPress主题,非常适合摄影爱好者架设自己的作品展示站。

Koi

Koi是一个艺术风格的WordPress主题,最合适个人博客。Koi还是 WordPress.com使用最多的WordPress主题之一。该主题支持WordPress 3.0 的自定义菜单和创建子主题等特点,而且仍向后兼容老版本的WordPress。

Skeptical

Skeptical主题允许在首页最新文章旁边设置显示“相关文章”,或者一个完整的侧栏。不仅如此,您还可以通过博客选项添加你的Flickr和展示三个值得关注的博客标签至页脚区域。

Peacekeeper

Peacekeeper是网站web2feel.com免费提供的适用游戏迷的WordPress主题。该主题包括一个3D动画图像滑块,Twitter,横幅广告,AdSense等。

来源:http://www.x-berry.com/best-free-wordpress-themes-of-2010

不用HTML5/CSS3如何在网页上画机器猫

作者: oldj

前段时间有人用 CSS3 技术在网页上画了一个机器猫, 可以用来测试各大浏览器对 CSS3 的支持程度,不用说,HTML5 /CSS3 的时代已经逐渐来临了。HTML5/CSS3 带来了很多新的东西,比如激动人心的绘图标签 canvas 。不过,在拥抱 HTML5/CSS3 之前,也让我来复古一番,看一看在 HTML5/CSS3 之前的时代里,如果想在网页上画机器猫该怎么做。

先贴一下最终的效果图:

不用HTML5/CSS3如何在网页上画机器猫

上面这个机器猫完全是用 div 搭出来的(一共用了 2010 个 div,今年是 2010 年嘛),用到的技术为 JavaScript + HTML4 + CSS2 ,在目前几乎所有主流浏览中都能有一致的显示,可以点击这儿查看演示

我们知道,各大主要浏览器都支持一些可用于绘图的矢量标记语言,比如 IE Only 的 VML 以及被 Firefox 等支持的 SVG,可惜的是这些矢量标记语言一直没有一个跨浏览器的统一的标准,因而一直没有得到广泛的应用,所以长期以来,Flash 技术一直是这个领域唯一的老大。不过,除此之外,也有一些程序员做了一些虽然可能没有很大实用价值但很有趣的探索,比如,如果直接用 JavaScript + DOM + CSS 在网页上画图会怎么样?

一、DOM 画图技术

2005年有一段时间,我对如何使只用 JavaScript 以及各大浏览器都支持的原生的标准技术(如 HTML / CSS)在网页上画图的问题产生了兴趣,当时我找到了一个叫 WZ_JSGraphics (今天发现这个页面已经打不开了,或许作者已经停止了维护?)的 JS 脚本,它实现了我上面提到的想法,通过 JavaScript 在网页上生成很多绝对定位的 div 来实现了网页绘画。

虽然计算机图形学已经非常成熟,但使用 div 在网页上画图(下面称之为“DOM 画图”)与传统的计算机图形学还是有所不同,传统的计算机图形学中可以利用的最小单位是一个 1px 的点,但 DOM 画图上可以利用的最小单位是一个 div ,或者说是一个矩形,这样一来,对于 DOM 画图技术来说,画一个小点的成本和画一个很大的矩形的成本几乎是一样的(横线或竖线也可以看成矩形)。这就为 DOM 画图提出了一个优化要求:如何使用尽可能少的矩形来拼成所需图形?如下图所示。优化曲线

上图显示了 DOM 画图中一段弧线的三种优化程度。最左边的那种用了最多的 div ,同时该约简的地方没有约简,具体表现为图像看起来会有锯齿或者拖泥带水;中间那种解决了约简的问题,但用的 div 还是太多了,该合并的地方没有合并;右边那种在前两者的基础上,把同一行、同一列相邻的 div 合并了起来,用了最少的 div 完成了图像的绘制。我们认为,对于 DOM 绘画来说,右边这种方案最佳。

同样地,对于填充图形(实心图形)来说,也要遵循这样的规则,尽可能少用 div 。比如下图所示的椭圆。优化椭圆

可以看到,上面的椭圆由许多色条组成,每一个色条即是一个 div ,这种化圆为方的灵感是从微积分中借鉴来的。

二、DrJs

2007年,有一段时间我需要在一个页面上动态地显示很多统计图表,比如柱状图、折线图、饼图等。最好的解决方案是 Flash,不过这个需求也让我再次思考如何使用 DOM 在网页上画图的问题,于是有了 DrJs 的第一个版本。

DrJs 是 Draw 和 JavaScript 两个单词的组合,名字比较普通。事实上,DrJs 几乎没有实用价值,任何一个真正严肃的或有一定规模的解决方案都不会使用它,不过我仍然花了一些时间在上面,一方面是因为好玩,另一方面也是想看看自己能 不能真的写出这样一个东西出来。这个工作时断时续,直到2008年年中,才完成现在使用的这个版本。

DrJs 参考了 WZ_JSGraphics 的部分思想,但代码完全是自己全新实现的,某些方面比 WZ_JSGraphics 更易用一些。WZ_JSGraphics 在速度方面做了很多工作,貌似还专门针对 IE 做过一些特别的优化,因此速度上比 DrJs 要快,不过它的各种绘图方法是独立的,用户只能使用它提供的那几种绘图方法,没法自行添加新的绘图函数。DrJs 采用了另外一种设计方法,它的核心非常简单,就是根据一个或多个方程(组)以及给定的 x 的取值范围,计算出对应的 y 的值,做连续性及合并相邻矩形处理之后,再把它转化为 div 添加到页面上。

在 DrJs 内部,所有的绘图(无论是直线、折线、椭圆、饼图)的背后都是一个个的方程或方程组,即:y = f(x), x ∈ [a, b] 。用户可以通过添加自定义方程(组)的方法来扩展 DrJs 的功能,因此原则上,DrJs 可以在有限精度下实现任意复杂图形的绘制。当然,我内置的方程组并不多,只有常用的点、直线、折线、多边形、矩形、椭圆、扇形、字符串、图片、方框,其中 扇形的实现最为复杂。另外还预设了直方图、饼图、折线图三种统计图表。

三、Div 版机器猫

有 DrJs 作基础,用 div 在网页上堆图像就简单多了,比如说用它来画一个机器猫。应该说,机器猫是一个非常适合用程序来画的形象,因为它主要由圆(包括椭圆、圆弧)、简单的多边形以及直线组成。具体的绘制过程就不详述了,在演示页面右键查看源代码就能看到,简单来说就是使用 DrJs 在指定的地方做画圆画线等操作,最后组成一个机器猫的形象。

第一次画完之时一共用了 2007 个 div,这时我想,既然今年是 2010 年,就再多凑出 3 个 div 来吧,于是改了一些参数,现在大家看到的机器猫刚好使用了 2010 个 div。

可以看到,这个机器猫的形象很简单,有点象素画的风格,而且没有阴影,除了鼻子外也没有高光,看起来没有立体感。虽然我可以继续添加细节,为它 加上阴影、高光,让它看起来更加生动,但即使是现在这么一个简单的形象,也使用了 2010 个 div 才堆出来,要继续细化下去需要更多的 div(当然,如果仅仅只是想画出这样一幅机器猫的图像,而不考虑制作一个较为通用的 DOM 画图工具,一定是可以用更少的 div 实现的),所以,就到这儿为止吧。

使用 DOM 方法当然也是能实现网页绘画的,但这是一种典型的滥用,DOM 并非为画图而设计的,使用它来画图虽然技术上可行,但成本太高。不过,强大的 HTML5/CSS3 已经到来了,对于前端开发来说,在网页上绘画也有了更多更优雅更高效的方法。对 DOM 绘画的复古回忆就进行到这儿了,接下来让我们一起探索 HTML5/CSS3 的时代吧!

最后,再贴一下演示地址:http://oldj.net/static/drjs/doraemon.html

Eico Design Web 2.0服务图标

随着微博、SNS、在线收藏等Web 2.0网络服务的使用越来越广泛,许多用户喜欢在自己的博客或者网站贴上一些小图标,以连接到自己的社交网络账户或者便捷地把文章分享到这些网络应用。如 果Google一下“web 2.0 icons”或者“social media icons”能找到各种设计精美的、风格多样的图标资源包,但这些图标包大多是为针对国外的网络服务,鲜有包含国内的网站,因此国内用户很多时候只能使用官方的图标资源,这带来一个问题:设计风格的不统一。 今天国内著名的UED工作室eico design发布了首套常用的Web 2.0网络图标资源包,本套图标资源包含国内外知名网站的分享与收藏图标,并且本着以品牌要素一致的原则统一各个图标的图形的视觉表现。本套图标包含两种 尺寸:16×16像素以及32×32像素。三种图片格式:PNG、GIF以及PSD。

此套图标可免费用于作为网站设计资源。
[eico design]首套国人常用Web 2.0服务图标资源包下载

  Website Icons by EicoDesign (355.5 KiB, 266 hits)

Sublimevideo-支持移动平台的HTML5播放器

Jilion是一支来自瑞士的专注于HTML5和手机平台开发的团队, 他们最新开发了一个基于HTML5的播放器 – Sublimevideo。

SublimeVideo HTML5 Video Player

SublimeVideo HTML5 Video Player

  • 项目名称: Sublimevideo
  • 官方网址: http://sublimevideo.net/
  • 播放器特点: 独立开发的JS库 ,没有依赖任何现成的JS库,支持快进,快退,时间轴拖动,全屏;支持移动设备(Iphone, Ipad, Android) 。
  • 开发团队: http://www.jilion.com

Mozilla、Google联合发布W3Help网站

近日,国际知名浏览器Firefox(火狐)再度与Google联手,推出W3Help网站,致力于在国内推动W3C国际通行标准,帮助互联网开发者了解标准,改进网页兼容性,提升网民的网络浏览体验。

什么是“W3C”标准?

“W3C 标准”是指 W3C 标准工作组的标准批准过程的最终阶段。这一名称表示了该标准文档已经经历了W3C成员组织和公众的评审,其目的在于使万维网技术标准化。到目前为 止,W3C 已开发了超过50个规范(草案)。在此次火狐、谷歌联手推出的W3Help网站(http://www.w3help.org/zh-cn/)中,对 HTML、CSS、DOM规范做了更多介绍。

为什么需要“W3C”标准?

目前在互联网中流行的浏览器有多种,这些浏览器在处理一个相同的页面时,表现或行为有时会有差异。如果这种差异很大,可能造成在某个浏览器下无法正常浏览网页。引起这些差异的问题即为“浏览器兼容性问题”。

浏览器的工作模式常被称为“渲染模式”。不同浏览器的工作模式不仅对渲染有影响,对代码的解析以及脚本的行为也同样有影响。如果一个页面能使各浏览器都工 作在“标准模式”下,那么各浏览器都将向“标准”靠拢,使得网民在使用不同浏览器时,看到的页面差异很小。相反,如果一个页面使各浏览器都工作在“混杂模 式”下,那么各浏览器之间表现出的差异将会非常大,影响网民的浏览体验。

因此,互联网开发人员在编写一个页面时,应该使用可以触发各浏览器“标准模式”的DTD,并书写符合规范的代码,以保证网页在各浏览器中可以最大程度的兼容,为网民带来更好的浏览器体验。而这个“标准”,正是“W3C”所倡导的“W3C”国际通行标准。

事实标准酿恶果 通行标准好处多

早在2009年初,曾出现过IE8与国内2400家网站不兼容的现象,国内多家知名网站未能幸免,中国网站几乎全军覆没。究其原因,是国内大部分网站根据与W3C标准不兼容的老版本IE进行开发造成的。

微软于2001年8月27日发布IE6(Internet Explorer 6),增强了对 CSS1 的兼容,使得 IE6对CSS的解析及渲染与它的前一个版本IE5.5有了很大的差别。为了保持良好的向后兼容性,微软为用户提供了一个“开关”,来决定浏览器的工作模 式。在后续推出的IE7、IE8 中,也使用了上述“开关”。这样,就使得IE7、IE8与IE6 一样,在的“混杂模式”下对页面进行处理。因此,IE系列的“混杂模式”将浏览器的行为冻结在IE5.5这个老版本的浏览器上。随着时间的推进和标准的进 步,这种“混杂模式”已经不能适应互联网的快速发展了。

在国内,由于Windows捆绑IE浏览器的缘故,造成了IE(尤其是IE6)的广泛应用。而国内的大多数网站根据与标准不兼容的老版本IE进行开发,当 IE浏览器升级时,就出现了多家国内网站不兼容的现象。尤其在网银方面,由于国内大多数银行只提供基于Windows和IE的网上支付解决方案,造成众多 非Windows、非IE用户无法正常登陆网银,对网民的互联网使用造成了极大的伤害。

随着Firefox(火狐)浏览器用户占有率的持续上升,火狐已经稳坐全球浏览器市场第二把交椅。正是在广大网友和非IE用户的呼声中,第三方支付平台 “支付宝”从不支持火狐(Firefox)等非IE浏览器到全面支持跨平台的网络支付,网民的需求赢得了“标准之争”的重要一役。而浦发银行、国有四大行 之一的建行也已宣布支持火狐。坚持国际通行的“W3C”标准,将为网民的互联网浏览带来更多便利。

“W3Help”网站帮助中国互联网开发者了解标准,改善兼容性问题

Firefox火狐浏览器一贯坚持国际通行标准,早在Firefox3.5中,就为线上媒体带来了重要升级,提供了世界上第一个HTML5视频和音频支持 的实现(Ogg Vorbis和Ogg Theora,允许网页开发人员在网页中包含富媒体内容,并且可以使用JavaScript、HTML、CSS来操作他们。此次火狐与谷歌再度联手,发布 W3Help网站((http://www.w3help.org/zh-cn/),为国内的开发者提供更多“W3C”标准的介绍,分析兼容性产生的原 因,并提供兼容性问题的具体案例供网页开发者参考,为提升中国互联网网民的网络体验贡献力量!