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网格系统应运而生！
0
投稿猜你喜欢
- 我们将在下面的例子中使用这个 XML 文档。<?xml version="1.0" encod
- Access爱好者以会VBa为荣。我觉得这不是好现象。vba只是vb的子集，有着很多限制，比如不支持继承，不支持指针，不支持子界类型等。使用
- 对于熟悉 C/C++ 或 Java 语言的工程师来说，JavaScript 显得灵活，简单易懂，对代码的格式的要求也相对松散。很容易学习，并
来由：最近的工作一直是学校设计教程的开发，都是自己根据理论知识加一些实际工作经验相结合写的教程，所以不会咬文嚼字，文笔也不一定非常专业和流畅- 分页浏览功能是常见的Web应用功能，对于MySQL数据库来说可以很轻松的使用limit语句实现分页，而对于SQL Server数据库来说，常
- 阅读上一篇：网马解密大讲堂——网马解密初级篇今天主要讲解的内容是Freshow工具的使用方法，工欲善其事,必先利其器，首先要学会如何使用解密
- 【译者的话】我们曾经在《透视色轮》一文中探讨过色轮的构成及作用，但你可能更多的只是将其作为了解颜色关系的一个工具，却不一定将其作为实际设计中
- 就算我们每天在叫嚷着创新经济，设计救国，我们在生活中也无处不在的看到各种设计庸俗、制作粗劣的海报、店面、户外广告、大胸美女和肌肉 * 交相辉映
- 给浏览器绑定事件有时候是非常痛苦的事情，不同的浏览器提供不尽相同的功能的同时，也提供了不同的事件。例如，IE 系列的浏览器支持 mousee
- CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link
- 内容摘要：除了内部性能增强和优化外，IIS6.0版本的 Active Server Pages(ASP)&nb
- 众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己
- 如果我们知道一个静态文件的实际路径如：https://www.aspxhome.com/download/cidianwang.pdf，如果
- 在做项目的过程中，我们经常会建立各种各样的规范，以方便团队之间更好的合作更好的完成项目；同样我们也经常会听到各种各样的协议，比如Google
- 1.连接本机数据库 A. 本机若有静态IP,oracle安装好后，就能连接本机oracle数据库。 B. 安装oracle时，本机没有静态I
- DreamWeaver 4的到来让大家兴奋吧？但是大家一定为DreamWeaver4里面的字体、文字大
- MySql5.0以后均支持存储过程，最近有空，研究了一下这个格式：CREATE PROCEDURE 过程名 ([过程参数[,...]])[特
- CacheControl 属性设置是否可缓存由 ASP 生成的输出。默认地，代理服务器不会保持缓存副本。语法：response.CacheC
- Dreamweaver MX 2004 试用试用心得：安装：选择工作界面(我选了默认的设计模式)初次启动，选择30天试用如果你也看到这个警告
- 对url进行编码在服务器端我们可以使用asp中的server.urlencode，很方便实现。如：<％ ss="asp之家欢
