2010南非世界杯昨日正式揭开序幕, 我相信会有很多相关报道文章都是通过WordPress发布,这本来与WordPress没什么相关,不过如此好的一个吸引流量的机会,如果不想错过的话,你完全可以在自己的WordPress网站上添加一些2010世界杯元素。这里给大家推荐几个插件以及一个2010南非世界杯主题。
有人甚至已经为这届世界杯开发了专门的主题,茵茵绿草地上的足球呈现在你的面前。目前我还没有测试过这个主题,感兴趣的同学想点击这里了解更多的信息。
WordPress网站(WordPress.com)以及数百万在此托管的博客今天早上出现宕机,不仅是在WordPress.com上托管的博客遭受影响,就连WordPress VIP博客也难逃此劫。
WordPress所托管的博客目前都只有下面的提示信息:“WordPress.com一会就回来!”
包括VIP用户 TechCrunch、GigaOm在内的数百万名博客都中断服务, WordPress.com早在二月份的时候也经历宕机。
在互联网设计过程中,可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是,这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求,认为跨浏览器的兼容性并不是必备的。
虽然我也同意每个项目都实现浏览器的完全兼容性,即所有web浏览器(暂且不考虑手机浏览器)用户都能体验相同的完美设计效果是永远都不可能的,但是,我相信大多数情况下近乎完全兼容性却是可以实现的。作为开发人员,我们的目标不应该仅仅停留在让项目在每个浏览器都能运作,而应该尽可能用最少的代码让项目在每个浏览器中都能实现尽善尽美,让今后网站的维护更加轻松。
这篇文章将向大家介绍一些最为重要的CSS 开发原则和技巧,希望能够帮助前端开发的新手和老生用最少的CSS代码实现跨浏览器体验的一致性。

CSS盒模型是网页布局的基础,如果你想要实现跨浏览器布局的一致性,这是第一个必需透彻学习的对象。好在,它并不难掌握而且通常在所有浏览器上的效果都是一样的,除了某些情况下会与IE的版本相关(这个后面会详细谈到)。
CSS盒模型负责计算:
CSS盒模型的基本规则如下:
关于块级元素,需要切记以下几个要点:

在Firefox中使用Firebug显示的盒模型( box model )
经验丰富的开发人员可能觉得这没什么好说的,不过,我觉得这个一个非常重要的问题,要是能够做到透彻理解,你就会说“啊,原来如此” 很多头疼的问题就会迎刃而解,以后对创建跨浏览器布局信心也会大大增强。
下面的图片说明了块级元素block和内联元素inlin的区别:

为了让队列布局相对易于维护,最佳的办法就是使用漂浮(floats) 。因此,想要实现跨浏览器体验的一致性,对float是如何运作的是否有扎实的理解就成为了另一个非常重要的因素。
一个浮动元素可以向左或是向右浮动, 使用浮动的结果是,浮动元素会依据指定的方向漂流直到它的边缘碰到其父容器或是另一个浮动元素的边缘。所有非浮动,出现在浮动元素下方的内联内容将会朝浮动的相反方向沿着它的边缘流动。

关于浮动和清除元素,需要切记以下几个要点:
到现在为止,这篇文章还主要讲CSS代码和布局的原则。是否先从IE开始着手更多是与设计师的习惯和偏爱有关联的。虽然在日常上网我们可能很讨厌使用IE6和 IE7,但是为客户开发项目时,在开发初期首先要做的就是 在这些浏览器中测试页面布局。一开始就确保它在IE6、IE7上的兼容性,以后再对其他浏览器进行测试和可能需要的修改,会比反过来简单得多。要是等到开发后期才检查IE6、IE7的兼容性可能会造成下面的问题:
当然对于个人项目、web应用或其他非客户的工作,开发人员可以不使用IE。但对于用户群主要使用IE的企业客户,优先从IE上着手开发可以避免很多头疼的问题,这无疑会使得跨浏览器一致性变得更有可能。
有时候一味地将 IE的问题认定为“恼人的bug”会给自己带来不必要的消极情绪,会妨碍开发和今后的维护工作。设计和开发人员应面对这个现实,把IE的问题当成普通的CSS问题一样看待,从IE上开始项目的开发才是正道。
如果你打算从IE开始项目的开发,或者至少在项目的初期就在IE上检查布局,那么你应该知道IE(通常是6.7)都有哪些问题或者说它局限性在哪里。
关于IE浏览器上每一个可能出现的问题,这篇文章有详细列出。这里就挑选几个最为重要的问题:
当然IE上还会很多bugs和问题以及不一致性,上面这些是最常见和最普通的,如果想要实现跨浏览器上完全相同的用户体验务必切记以上的几点,并 对这些问题进一步研究,更准确地理解这些问题和应对办法。
如前面所说,想要在每个不同的浏览器上实现同样的视觉体验和功能体验是可能的,但并非易事。你可以使布局和元素的位置精确到每个像素,但是也有一些事情是开发人员无法控制的。
如果要把表单元素在不同浏览器上的区别都讲述清楚可能需要单独花上一篇文章来说,这里就不再详谈。通过看下面的图,相信应该会非常直观地看出这些不同。
下图显示的Facebook主页上<select> 元素在5个不同浏览器版本上的截图 (截图来自 Adobe’s Browserlab):
相信大家都比较熟悉Google buzz 吧,它是一种社交服务工具,你可以通过它与朋友分享你更新的文章、照片、视频。现在很多新闻发布机构、站长、互联网痴迷者都离不开它。你也想在WordPress博客中使用它,向更多的用户来分享和传播你的日志吗?那么这篇文章将会教大家两个简单的方法来实现这个功能。
1. 登录WordPress博客。
关于美国主机代购,其实是和北山无关的事情,尽管现在市场很火。北山(www.xiao4ren.com)只是评论,不销售主机,也不代购美国主机。呵呵,说话还是留点余地,至少现在,以及可预见的一两年内是这样的。
一直就对Name.com非常凌乱的界面没有什么好感,不过也有些朋友喜欢name.com的简洁,包括管理后台也算简洁,而且没有GoDaddy那样经常发一些促销邮件,因此,name.com也曾经在吸引了不少的粉丝。