60個開發者不容錯過的免費資源庫

 文章做者Juan Pablo Sarmiento收集了60個較爲實用、高效的工具資源庫，能夠幫助開發者快速建立各類Web App和移動App。這些資源的特色是：簡單、便捷、免費、高效、功能多。當你獨自一人須要在短時間內構建一個產品的時候，這些起關鍵做用的工具定會給你留下更深入的印象。（如下是編譯內容）

下面所列舉的就是近期比較受歡迎的資源集合：

一、Mmenu：這個jQuery插件可以爲移動網站創造出靈活的、相似App的滑動菜單。

二、Fabric textures：這5個布料紋理的背景能夠以JPG的格式免費下載。

三、Fitgrd：這是一個輕量級的、看起來很酷的響應式網格資源。

 

 

四、Horizontal menu：這是一個水平的滑出式菜單，還帶有一個基於網格的子菜單。

五、Upload form：這是一個微型的Ajax上傳表單。

六、Minimalistic（免費供我的使用）：Minimalistic是一個小型的WordPress主題，帶有很好用的繪畫技巧模板。

七、Mobile application UI kit

 

：這個移動App UI工具包可供PSD格式下載。

 

八、Flat icon set：幾乎沒有人會嫌平面圖標集太多用不完吧，這裏有不少，隨你選。

九、Flatilicious icons：絕不掩飾的說，這裏的icon數量是最多的，最多的，最多的。

十、Fries：在這裏，可使用HTML、CSS和JavaScript來建立Android類型的UI。

 

 

 

十一、Linecons：這裏包含48個徹底可伸縮矢量圖標。

十二、Windows：這是一個jQuery插件，用在全屏滾動窗口上。

1三、Slider：這是一個頗有用的、免費的滑塊，帶有流暢的滑動背景。

1四、Transit

 

：超級順當的CSS轉換效果，還能夠隨意的切換爲jQuery。

 

1五、FastCache：很明顯，這曾經是最快的PHP對象緩存系統。

1六、Beag：這是一套高效實用的移動App UI組件。

1七、Mixitup：這是一個CSS3和jQuery過濾器，另外也是一個分類插件。

 

 

1八、Pricing table：它是一個爲設計師和開發者準備的訂價表。

1九、Cesium：這是一款JavaScript類庫，用於在Web瀏覽器上建立3D地球。

20、Bootstrap magic：使用這一資源就能夠建立你本身的Twitter Bootstrap主題。

2一、Map icons designer：這些都是Google地圖上的圖標，適用於各類地圖App。

 

 

 

2二、Transparent UI kit：這是一個在PSD裏的分層UI工具包。

2三、Topcoat：這是一個CSS工具包用於建立輕便的Web Apps。

2四、Controls settings：一個較爲實用的PSD平面控制面板。

 

2五、CSS modal：這是一個用純CSS語言建立的模擬動態下的建設者。

 

2六、Sassaparilla：這是利用一個較快的方式來啓動響應式設計項目的資源。

2七、Beach UI：這是一種PSD形式的微型UI工具包。

2八、Retina-ready menu：這是一個響應式的觸摸屏菜單，帶有供不一樣瀏覽器使用的三種佈局。

 

 

 

2九、Flexisel：這是一個響應式的旋轉木馬jQuery插件。

30、W2UI library：做爲鏈接jQuery插件的組件，它的主要設計目的是用在前段技術上的。

3一、Dark Accordion：這是一個以PSD文件形式具備現代風格的導航菜單。

3二、Skel.js

 

：一個用於建立響應式站點的前端框架。

 

3三、Magnific Popup：它是一個響應式的jQuery光箱特效插件。

3四、Nice Less buttons：這是一個用CSS語言製做的按鈕組集。

3五、Multipurpose website template：多用途的、設計精美的PSD。

 

 

3六、Two.js：這是一個2D繪圖API。

3七、Flat UI login form：這是一個流行的登陸和註冊表單格式。

3八、Ecommerce flat：這是一個PSD格式的、扁平的商業電子UI工具包。

3九、Brand identity：它是一個分層的PSD，用於呈現出商標和標識設計。

 

 

 

40、Animation fill code：這是一個爲CSS關鍵幀動畫添加必要代碼的App。

4一、Countable.js：這個腳本能夠添加實時段落，文字和字符數到一個html元素。

4二、Github Archiveroom：能夠在3D形式下探索Github檔案文件。

 

 

4三、iPhone 5 flat：這是一個扁平結構的iPone 5實物模型。

 

4四、HoverMenu：這是個較爲簡單的可訪問菜單，在你網頁的任何地方均可以使用。

4五、SLY：這是一個JavaScript類庫，只能夠向一個方向滾動。

4六、Flatstrap：這是一個引導程序的外表形式，使用了扁平設計技術。

 

 

 

4七、Packery：一個用於解決裝箱佈局的JavaScript插件。

4八、Snaps theme：一個用於WordPress的免費組合主題。

4九、Easy responsive tabs：這是一個用來優化水平或垂直標籤的jQuery插件。

50、CSS social share button

 

：這是一個扁平式的社交工具提示按鈕。

 

5一、Knockout：使用Knockout能夠簡化動態的JavaScript UI運行MVVM圖案的過程。

5二、Magazine mockup：這是一個PSD模板，是展現工程項目的理想選擇。

5三、Weather icons：PSD格式的氣象圖標組合，至關有實用性。

 

 

5四、Flat icons set：這是另一個圖標組集，以.png文件的格式傳輸。

5五、Social media icon set：免費的社交媒體圖標組集。

5六、Simple icons：這也是一個免費的圖標組集。

5七、Icon hover effects：圓形圖標懸浮效果，能夠和CSS轉換。

 

 

5八、Percentage bars：使用CSS技術構建的扁平化風格的百分比滾動條。

5九、Twitter UI：這是一個用CSS和HTML構建的Twitter用戶UI。 

60、Music widget：這是一個帶有一些簡單動畫的扁平窗口音樂播放器。