昨天晚上偶然看到blog故我在老兄说起他对css框架的选择,终于按捺不住花了一晚上的时间把blueprint研究了一遍。原本在我的想象中,以为css框架是一个高度智能的可视化界面,你在栅格界面里,拖动几个方块,就构成了你想要的布局,点击生成按钮,就得到了代码,一个所见即所得的工具,让不懂css的人也能轻松布局。所以下载了blueprint的包,打开第一件事就是找exe文件在哪,找了一圈没找到,不耐烦的去看了一下blueprint的wiki,又把它给出的4个test页面的html全看了一遍,才明白过来所谓的css框架是怎么回事。我琢磨了一会儿,到底不懂css的人能不能会用呢?没想通,算了,反正我能看懂css。
blueprint有什么用?我的理解就是用几个写好的css类,帮助你快速布局,而且这个布局是按照grid来的,所以你心理面也感觉很舒服。这个东西给职业写html的人,他们肯定不屑一顾,因为他们早就有自己写好的类库了。给完全看不懂css的人,我估计就算他用了,肯定也用的也不是很灵活。给我这样css代码写得慢的人,还是有点用处。正好我读了getting real里面说,原型用纸画,设计直接出html。今天晚上就拿blueprint写一个我在纸上画的草稿试试,希望这个css框架真能起到直接当设计工具用的程度,到时再记录一下心得吧。
后记:
真正用blueprint的类写了页面,发现实用性还是很糟糕的,就布局来说,对一些间距的细调时,发现grid反倒让你束手束脚。对于页面的效果有细节追求的话,这些比较死板宽度的div更让你难以发挥。总体来说比较失望。
但是从积极的角度来看,这倒是让我好好总结了自己常用的类,对类的命名也有了新的认识。看来没有开发经验的人,思维方式还是不够理智,倒是激发了我好好研究研究程序语言的兴趣。
Blueprint适合做Twitter、豆瓣这种页面。似乎也不是目前最好用的CSS框架。
不过你提到的exe,目前有不少框架代码生成网页。可以实现一些简单的可视化布局->代码功能。
其实我倒不需要那种全自动布局的功能。
http://www.appinn.com/boks/
Boks – 可视化 Blueprint 框架 CSS 生成工具[Air]