960网格系统(2)

作者:kinsuhoo 来源:译言 时间:2009-02-17 12:22:00 

浏览器支持

本框架代码适用于所有由yahoo评为A级(A-grade)的浏览器。本文发文时间,yahoo对浏览器的评定情况如下图所示。

留意上表可以发现:IE5.x并不在表中,其实原因很简单,对于Yahoo来说,IE5.x的市场占有率已经很小,不仅如此,连微软都停止了对该版本提供支持。假如你还被人用刀顶着喉咙,让你写代码去适应这个古老的浏览器的话,我建议你到Authentic Jobs (译者注:某招聘网)看看别的更好的职位吧。

开发背景

我开始对网格设计产生兴趣是在看了 Khoi VinhMark Boulton的 文章之后。我承认,一开始我并不十分理解他们文中的概念,但是后来,经过不断的思考,终于了解到这是一个在web网页页面设计领域内经得起时间考验的实践 总结。不管你喜欢还是不喜欢,现今的网页大多都是以一个个四四方方的“块”组成。不可避免的,页面设计上也用各式长方形通过不同的组合来达到目的。

竟然我们要使用这些四四方方的东西,那么我们应该对它们有个逻辑性的认识。有次在完成Khoi和Mark安排的初步工作后,偶然发现了Cameron Moll的文章,文中说到,960px是网页设计的最佳宽度。现在基本上显示器都支持1024×768的分辨率(就像支持以前的800*600那样),而在这个分辨率下,960px的宽度的确能够非常好地展现网页的内容。

自从看了那几篇文章以后,我在设计中 开始应用这个布局方法——将960px分成若干列。直至2007年春,可以这样说,我发现了我的一套规律。这个发现导致我开始了我个人网站的重构,工作还 在进行中,不过进度很快。假如你看我瞄我一下,发现了我正在吃我的“狗粮”,在此同时,我的网站已经用上了新版本的16列网格布局。

我现在还不能好好坐下并完成重构工作,因为我还得完成硕士学位相关的信件,还有需要完成接到一些私活等等。按时间顺序来说,技术上我已经在Blueprint发布之前开始使用我网格系 统了。这个说法其实没什么很大价值,只是帮我解释了“为什么使用另外一个网格框架?”,因为我已经在一个项目里用Blueprint。为了减少这个项目日 后的维护成本,我们要使用一个已有的代码库。尽管我们在编写代码前已经商定按Blueprint的约定出发,但相关的设计人员并没有从Blueprint 的层面出发来设计布局。当然,这也有一部分责任在我,在开发前我并没有与他们充分的交流Blueprint工作方式。在项目的最后阶段,我基本上将所有的 按Blueprint框架写的代码换回了用table布局。

这时候我在想,如果有那么一个精简的东西能让网页设计者和编码者思维更活跃,沟通更顺畅,岂不乐哉?而且,要是执行机构包含在该工作流中呢?960网格系统应运而生!

标签:960,网格,系统,框架,设计
0
投稿

猜你喜欢

  • asp多关键词查询方案

    2008-05-09 12:24:00
  • 超级链接中MailTo的语法

    2008-08-29 13:00:00
  • 发布淘宝开源编辑器 KISSY Editor 1.0.0

    2009-10-27 16:20:00
  • 解决MySQL 5数据库连接超时问题

    2009-03-25 15:24:00
  • ASP 三层架构 Error处理类

    2011-03-16 11:06:00
  • XHTML1.0与HTML兼容指引16条[译]

    2009-06-10 14:45:00
  • 设计模式-自动完成

    2010-11-30 21:44:00
  • js键盘事件全面控制

    2008-02-21 12:51:00
  • 修炼设计能力的土办法

    2008-07-16 10:34:00
  • Mysql触发器处理本表数据

    2010-10-25 19:56:00
  • 从网页设计开始

    2008-06-30 12:17:00
  • 自动完成autoComplete

    2011-01-17 18:01:00
  • oracle 字符串转成行

    2009-06-19 17:38:00
  • 让XML在ASP中发挥其长处

    2008-01-16 19:07:00
  • 发一段鼠标掠过表格行颜色改变的代码

    2010-07-02 12:59:00
  • Oracle 数据库导出(exp)导入(imp)说明

    2009-03-06 10:49:00
  • js检查全角字符正则表达式[\\uFE30-\\uFFA0]

    2008-10-30 12:39:00
  • oracle 发送邮件 实现方法

    2009-06-10 17:49:00
  • AJAX的jQuery实现入门(一)

    2008-05-01 12:55:00
  • asp伪静态情况下实现的utf-8文件缓存实现代码

    2011-02-24 10:49:00
  • asp之家 网络编程 m.aspxhome.com