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
投稿猜你喜欢
- 如下所示：logging: config: classpath:spring-logback.xml pattern: console: &
一.图像金字塔原理上一篇文章讲解的图像采样处理可以降低图像的大小，本文将补充图像金字塔知识，了解专门用于图像向上采样和向下采样的pyrUp(- 笔者在学习pandas,在学习过程中总结了一下创建dataframe的方法，通过查阅资料总结遗下几种方法，如果你有其他的方法欢迎留言补充。练
- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，易于人阅读和编写。JSON 函数使用 JSON
- Exec 是 os 包中的一个子包，它可用于使用 Go 运行外部命令。Go exec 命令教程展示了如何在 Golang 中执行 shell
- 直接看实例。例1 重新加载js文件function loadJs(file) {
- 问题一：将u'\u810f\u4e71'转换为'\u810f\u4e71'方法：s_unicode = u&
- 本文实例讲述了JS异步函数队列功能。分享给大家供大家参考，具体如下：场景：做直播，会有入场消息，入场特效，用户如果有坐骑，需要给他展示几秒钟
- 我们或多或少都使用过各式各样的富文本编辑器，其中有一个很方便功能，复制一张图片然后粘贴进文本框，这张图片就被上传了，那么这个方便的功能是如何
- 1、numpy.array() 可以把列表转换为矩阵numpy.array(object, dtype=None, *,
- 什么是SQL？SQL是一种用于操作数据库的语言。SQL是用于所有数据库的基本语言。不同数据库之间存在较小的语法更改，但基本的SQL语法基本保
- 最近在做压力测试嘛，需要逐步增加用户量做验证，每个用户单独创建数据库进行连接，就要不断去创建数据库，这个报错也很容易理解，mysql连接数不
- 插入视图的条件: 1.如果视图是基于一个基础表产生的,那么这就称为非连接视图,所有的非连接视图都是可以更新的,也就是说可以在该视图上进行,I
- 这篇文章主要介绍了PYTHON发送邮件YAGMAIL的简单实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价
- 核心代码：#!/usr/bin/python#-*- coding:gbk -*-#设置源文件输出格式import sysimport ge
- react-native安装流程1.npx react-native init AwesomeProject报错运行 cd ./demo/i
- 大家好，我是辰哥~今天给大家分享两个制作二维码的Python库，可以生成普通的二维码、图片背景版二维码、动图GIF版二维。1.MyQR安装p
- 目录前言1.insert ignore into2.on duplicate key update3.replace into4.inser
- 前言小程序跳一跳最近很火，之前爆出微信游戏小程序漏洞，网上也不乏大神。这里就用一大神的python脚本来刷下高分。 跳一跳python脚本传
- numpy打乱数组或打乱矩阵行使用numpy.random.shuffle函数，能够打乱ndarray对象的第一维度，对于数组来说，就是整体
