我是酷爱前后端开发的,擅长PHP,正在努力学习NodeJs。
推崇Responsive和Ajax。使用库和框架的目的就是为了更高效和稳妥。
在这个页面,我为大家推荐一些提高效率的开发库,这里不定期更新或改变…
一、整体框架
前端:
- bootstrap: Bootstrap是由twitter主导的一个前端框架项目,也是目前GitHub上Star数最多的项目。个人认为非常适合程序员单枪匹马开发网站,因为bootstrap有很美观的UI,能使开发者全心投入到功能的开发中。而且bootstrap的衍生项目也非常多,从bootstrap主题,到bootstrap组合控件和扩展控件。数以百计的项目,可谓想要的功能应有尽有。后面我也将为大家列出一些主题和扩展组件。 兼容性:IE7及以上,具体 点此。想要Bootstrap兼容IE6?看这个项目 Bootstrap-IE6。另:Bootstrap支持sass,less。 GitHub Demo
- Ink: 名气虽有些抵不过Bootstrap,但质量却极其的高,UI舒适大方,个人觉得还很可爱 ( ´´ิ∀´ิ` ) Ink在UI组件上的便捷度甚至超过了bootstrap,如,Ink提供了可拖拽排序的列表,日期选择器,表格验证,支持分页及排序的table(ajax实现),这些都是在前端开发中很常用的一些功能。如果你厌倦了Bootstrap,不想跟很多类似网站UI重复,那就选用ink吧。 GitHub Demo
- kube: 一个很小清新的前端库,简约为主。没有复杂的色彩,主色调黑白,像是我小时候常看的黑白电视。看完前两个后,猛然看这个的Demo,还是会有些不适应的,不过如果想做个极简风格的站点,这个还是不错的,支持IE8+ 以及其他现代浏览器。 GitHub Demo
- Almost Flat UI: 扁平化UI前端库,扁平化UI,更像是去掉了阴影,渐变。组件多使用纯色设计,配合上舒适的色彩搭配形成的一种UI设计风格。如下图: GitHub Demo 再给大家推荐一个拥有很多Flat UI设计展示的站点。Fltdsgn.com
- Metro-UI: 仿Windows8 metro风格的一整套CSS框架。 Demo GitHub
- topcoat: 如果你已经对Bootstrap产生了审美疲劳,那你一定得试试topcoat,带有极简风格的一套css框架。Demo GitHub
Responsive框架:
后端:
- php– Laravel: Laravel整洁、优雅、强大,是我最爱的一个PHP框架,力荐!查看– MVC模式
- IOC支持
- ORM支持
- 表单验证支持
- Redis支持
- 加密支持
- Yii: Yii也是很强大的一个框架,但是跟Laravel比起来,Laravel是女神,Yii只能说是美女,漂亮却不够优雅,推荐。查看
- Pagon:拥有大志向的Express Style、奋斗中的一个PHP框架。作者 GitHub
NodeJs:
二、前端库
- JQuery Nested: 很酷很实用的一个无间隙多列布局库,可以实现类似Pinterest或者Responsive布局。Demo GitHub
- unveil: Jquery image lazy load (迟加载)库,轻量,用法简单。Demo GitHub
三、网页字体/图标:
- Font-Awesome:bootstrap下的图标库,因为是做成了Font格式,所以大小随意缩放和设置。推荐原因:质量极高,设计的很精美!Get Start
注:前端优秀的库太多太多,如果你想看更多,可以点开我的GitHub,看我的star,单选javascript,里面都是我认真关注的每一个优秀的开发库。
四、前端炫技
你也可以关注我的Gist,我会不定期fork or create片段。