让页面精致一点: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》的书悟到的一点。