CSS Grid frameworks学习笔记(1)
差不多1年前(11 months, 4 weeks ago)我“刷新一下大脑,Grid based web design...”,但虽然大脑有所刷新只是大体了解了下概念。 这个周末对一些css grid framework进行了初步学习,并准备用在我自己的站点之上。
初步学习了Grid 960, 很轻量,简单易懂,使用很容易。 这比一年前学习grid的时候要更容易上手了。 一年前的YUI grid也有了不错的设计甚至有设计工具,但是我一直不知为何不喜欢YUI…也没继深入。
对Grid 960有以下不喜欢的地方:
* 定宽960px, 我是fluid死硬派,定宽一定是不干的。虽然有个fluid 960变体,但基本上是把整个grid等比例变宽了,我的某些需求不能满足
* css的class name要用一些缺乏意义的名字,e.g. grid_2 suffix_1, 这可能是用所有css framework都有的问题
Blueprint我初步看了看,主要因为它也是定宽的设计让我止步。Blueprint比grid 960更全面,grid 960只是最基础的grid体系,很多细节还是需要自己在此基础上设计,blue print是个真正的css framework,已经有一些ready to use的样式。
出于对Fluid的狂热,Emastic CSS Framework毫无疑问是我的主要研究对象:

学习的文章:
Which CSS Grid Framework Should You Use for Web Design
Prototyping With The Grid 960 CSS Framework
Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework
css框架多不胜举,这篇文章精选15个国外CSS框架给了不少link. 文中没提Malo, 是一个比Emastic CSS Framework更加轻量简单的。
Related posts:
- 我朝Internet南北不畅通的解决方案(老旧方案)
- Reusable webapp的思考(5)
- Alxea改版了
- Timemory
- 用Javascript实现漂亮的字体显示
- python module path含有. 的问题
- Webapp level context processors
- Django URLConf 的几个tips学习笔记
- Some Django tips, 以及如何在GAE环境下部署reusable app/lib
- Reusable webapp的思考(4)
Search related in web: