CSS Grid frameworks学习笔记(1)


CSS Grid frameworks学习笔记(1)

Published on Sat 13 Dec 2008 11:12 ( 1 year, 1 month ago)
Web 学习

差不多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:


Search related in web:

Custom Search

RSS Feed

One click subscribe this blog in your google reader!

Be social!


Want to say something here? please sign in



Blog posts link to this page
What are friends tweeting?
Tags cloud
Monthly Archives