CSS Grid frameworks学习笔记(3)
学习比较这些框架的最好办法是真正用这些框架做些什么。为了能更好地理解css grid框架，我决定用blue print, grid 960, emastic分别来改进我的blog.
今天晚上只做了blueprint的，但已经有一些感受了：
1. 使用css 框架对布局非常有帮助。
过去手写css常常出现的问题是，一些div会出现在不该出现的地方，比如本来期望在左边的，但掉下去了；本来你希望换行的，但漂浮在某一侧; … 虽然这些问题最终能解决，但对css不太熟练的时候，或者遇到某些奇怪情形的时候，为不能准确定位一个块是很浪费时间和让人泄气的。 css grid框架最大的优势在于此: 你简单指定一些块的class name, 他们就出现在他们该出现的地方， no hassle!
我用blueprint来改写目前的blog也非常简单，基本只是加入了blueprint的标准css, 然后把我的page container, header, maincontent, side bar, footer的div加入了blueprint的class name, 就ok了。 由于我自己过去这些块都用了id name, 我只是添加class name, 别的都没改。
过去的css中有一些干扰和冲突的部分我去掉了，其他的具体样式如背景、header等都保留。
2. Semantic ID/class name可以照常保留。
这是我在第一篇的时候的一个担心，就是页面内的classname全部变成难看的框架的class name. 现在看来这是多余的。一般semantic的class/id 你仍然需要添加自己的样式，因此保留是必须的，添加入的只是和grid 框架相关的class name.
3. 对Grid概念的理解
更正一个对Emastic CSS Framework的误解，我前文在看了文档后怀疑“从例子可以看出来。不过如此灵活带来的问题就是，在这个框架内"Grid” 概念被弱化了”， 我现在认为是我错了。 当然这种理解错的原因是因为grid 960, blueprint的文档看多了导致的。:) 具体解释下：
Grid 960, Blueprint的基础是人为页面总是定宽的，因此他们的概念中的grid就是等距的，但是Emastic是一个支持Fluid的grid, 也就是你可以认为grid线的位置是弹性的，一个grid系统的关键并非grid等距，而是能准确地在不同地方指定基于grid的对齐，emastic显然能帮助我们做到，这不但不是弱化的grid, 而且是强化的grid.
Emastic中指定grid通过em + fluid来进行：
Grid 960, Blueprint的基础是等距离的grid:
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:
