让页面精致一点:bootstrap by twitter

这三天来都在学习bootstrap,目的是让页面看得精致一些。这方面我想最好用的就是twitter的开源工具:bootstrap 了。

简单的说,bootstrap就是一组css文件和简单而实用的jquery plugin的合集。这个合集的好处在三点

1. css文件够详尽:几乎所有常用的html元素,诸如button,label,form,table。。。都有一个合理的设计。这些设计包括圆角,大小尺寸,对比颜色以及相互的协调。这套文件省去了我很多的时间一一调试。而且我是个没有什么审美观的人,用现成的东西圆圆好过我自己搞一套。

2. grid 系统很好用:至少节省了我计算div大小和相互关系的时间。这些基本的layout的活我曾经干过一些,每次都是累得要死但是效果不好。

3. 有很多基于jquery的plugin。同样,节省了我很多时间。

三天下来,我基本熟悉了它的结构。我自己的界面layout基本完成了。剩下的是一些细节的部分,慢慢学就好了。

 

我希望我的界面简单一点,但是简单不是粗糙。更不是马马虎虎就行了。简单的界面是一个简洁+精致的界面,这是我最近一段时间看《steve jobs》的书悟到的一点。

posted @ 2012-05-13 12:48  Yi Zhang  阅读(330)  评论(0编辑  收藏  举报