很牛的前端开发框架: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做些事情,也是一件让人开心的事。
最后打个广告,欢迎大家光顾爱尚良品小站,需要购买枕头的可以找我拿优惠^_^
就是对ie兼容性差了一点,有待提升
嗯,按照官方的话说:Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的。另外,bsie弥补了Bootstrap对IE6的不兼容,支持大部分特性。
Bootstrap前端+thinkphp后台完美结合,对了,很喜欢你的网站,昨天加了链接,可以的话给我加一下吧
链接已添加,多交流 🙂
以前看过,很牛x,不过小型开发还是用自己熟悉的比较效率。
嗯呐:)