整體框架
前端: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
amcharts: http://www.amcharts.com/stock-chart/
http://thomaspark.me/articles/
Responsive框架:
pure: 由Yahoo YUI推出的一款很mini的Responsive框架,YUI出品,當然精品。Demo GitHub
後端:
php
Laravel: Laravel整潔、優雅、強大,是我最愛的一個PHP框架,力薦!查看
MVC模式
IOC支持
ORM支持
表單驗證支持
Redis支持
加密支持
Yii: Yii也是很強大的一個框架,但是跟Laravel比起來,Laravel是女神,Yii只能說是美女,漂亮卻不夠優雅,推薦。查看
Pagon:擁有大志向的Express Style、奮鬥中的一個PHP框架。作者 GitHub
NodeJs:
geddy:比較Simple的一個MVC框架。查看
express:很強大 查看
前端庫
JQuery Nested: 很酷很實用的一個無間隙多列布局庫,可以實現類似Pinterest或者Responsive佈局。Demo GitHub
unveil: Jquery image lazy load (遲加載)庫,輕量,用法簡單。Demo GitHub
網頁字體/圖標:
Font-Awesome:bootstrap下的圖標庫,因爲是做成了Font格式,所以大小隨意縮放和設置。推薦原因:質量極高,設計的很精美!Get Start