好久没有写博客了,今天写一篇,关于semantic和bootstrap的文章
首先,介绍一下semantic和bootstrap:
semantic中文官网:http://www.semantic-ui.com.cn/
semantic英文官网:http://www.semantic-ui.cn
bootstrap 中文官网:http://www.bootcss.com/ http://v2.bootcss.com/
bootstarp 英文官网:http://getbootstrap.com/
semantic,语义化的前端框架,各种组件比bootstrap炫一点,这是我最喜欢semantic的一点,也是因为这个原因,我想把semantic应用到真实的开发中去,而不是折腾着各种小demo,上几张效果图。
bootstrap非常优秀的前端框架,出自Twitter,非常容易上手,最简单的应用就是直接复制粘贴即可,下面也来几张效果图:
semantic和bootstrap都支持响应式布局,但为什么放弃semantic,而选择bootstrap呢,原因有二:
1.对于我这种前端小白来说,复制粘贴就能用是最好的,bootstrap就能达到这一点,而semantic呢,光是复制粘贴还不足以解决问题,比如说,菜单模块,就会没有相应的效果
2.第二个因素,也是决定性因素,semantic和bootstrap都依赖于jquery,
项目中jquery也就83kb,再看bootstrap有多大:
再看semantic有多大:
综上所述,个人觉得bootstrap还是移动端的最佳选择,当然,能不借助jquery和bootstrap就能编写出高大上的界面是最好不过了