很牛的前端开发框架:Bootstrap

离职后的这段时间,除了经常出去走走绿道、在家玩玩体感锻炼身体、胡吃海喝昏睡,也看了一些书、做了些设计,还在哥的推荐下看了看Bootstrap

Bootstrap是一个简洁、直观而且非常强悍的前端开发框架,它让web开发变得更迅速、简单,默认的style很精美,如果是做为一些系统后台程序的前端页面,不修改一行代码都完全足够了。

并且,现在有很多优秀的相关开源项目可以挑选使用,它们都是基于Bootstrap或者和Bootstrap互补的。例如:stickUp、LESS、jQuery.Pin、Flat UI等等。

浅显的看了看Bootstrap的css、组件和JS插件,对于一看代码就头痛的我来说,JS插件的使用有些困难,只能使用一些简单的插件效果,而css部分好懂一些。不过总感觉如果先用Bootstrap搭建再修改成设计稿的样子,比直接用css写样式要麻烦些,除非一开始设计稿的风格比较接近Bootstrap默认的样式。

比如我在学习时顺手将爱尚良品网站做了改版,因为爱尚良品本身设计风格比较简约,内容也不多,比较接近Bootstrap默认样式,所以只需花很少的时间,就能让最终呈现的视觉效果和以前的版本基本上相同,而且在移动端访问的话,会发现完美实现了自适应,大家有兴趣的可以用手机访问http://isang.me瞧一瞧——这就是Bootstrap的一个特点:对移动设备优先。

另外,在改版的同时,我还使用Glyphicon Halflings的字体图标代替了一些图片资源,效果很好。

只是有些遗憾的是,要想用好Bootstrap,还是需要一些编程基础的,那样可以充分发挥它的特点和长处。用Bootstrap做一些高保真的Web、app界面原型太棒了。自己尝试过几次研究js,但确实一看代码就头痛——难怪上学那会对理科不感冒,囧zZ但不管怎样,在自己的理解范围内用Bootstrap做些事情,也是一件让人开心的事。

最后打个广告,欢迎大家光顾爱尚良品小站,需要购买枕头的可以找我拿优惠^_^