960网格系统(2)
作者:kinsuhoo 来源:译言 时间:2009-02-17 12:22:00
浏览器支持
本框架代码适用于所有由yahoo评为A级(A-grade)的浏览器。本文发文时间,yahoo对浏览器的评定情况如下图所示。
留意上表可以发现:IE5.x并不在表中,其实原因很简单,对于Yahoo来说,IE5.x的市场占有率已经很小,不仅如此,连微软都停止了对该版本提供支持。假如你还被人用刀顶着喉咙,让你写代码去适应这个古老的浏览器的话,我建议你到Authentic Jobs (译者注:某招聘网)看看别的更好的职位吧。
开发背景
我开始对网格设计产生兴趣是在看了 Khoi Vinh 和 Mark Boulton的 文章之后。我承认,一开始我并不十分理解他们文中的概念,但是后来,经过不断的思考,终于了解到这是一个在web网页页面设计领域内经得起时间考验的实践 总结。不管你喜欢还是不喜欢,现今的网页大多都是以一个个四四方方的“块”组成。不可避免的,页面设计上也用各式长方形通过不同的组合来达到目的。
竟然我们要使用这些四四方方的东西,那么我们应该对它们有个逻辑性的认识。有次在完成Khoi和Mark安排的初步工作后,偶然发现了Cameron Moll的文章,文中说到,960px是网页设计的最佳宽度。现在基本上显示器都支持1024×768的分辨率(就像支持以前的800*600那样),而在这个分辨率下,960px的宽度的确能够非常好地展现网页的内容。
自从看了那几篇文章以后,我在设计中 开始应用这个布局方法——将960px分成若干列。直至2007年春,可以这样说,我发现了我的一套规律。这个发现导致我开始了我个人网站的重构,工作还 在进行中,不过进度很快。假如你看我瞄我一下,发现了我正在吃我的“狗粮”,在此同时,我的网站已经用上了新版本的16列网格布局。
我现在还不能好好坐下并完成重构工作,因为我还得完成硕士学位相关的信件,还有需要完成接到一些私活等等。按时间顺序来说,技术上我已经在Blueprint发布之前开始使用我网格系 统了。这个说法其实没什么很大价值,只是帮我解释了“为什么使用另外一个网格框架?”,因为我已经在一个项目里用Blueprint。为了减少这个项目日 后的维护成本,我们要使用一个已有的代码库。尽管我们在编写代码前已经商定按Blueprint的约定出发,但相关的设计人员并没有从Blueprint 的层面出发来设计布局。当然,这也有一部分责任在我,在开发前我并没有与他们充分的交流Blueprint工作方式。在项目的最后阶段,我基本上将所有的 按Blueprint框架写的代码换回了用table布局。
这时候我在想,如果有那么一个精简的东西能让网页设计者和编码者思维更活跃,沟通更顺畅,岂不乐哉?而且,要是执行机构包含在该工作流中呢?960网格系统应运而生!