Web開發(fā)人員能用上的15個(gè)新工具
開發(fā)一個(gè)代碼優(yōu)良、設(shè)計(jì)美觀的網(wǎng)站，通常會(huì)隨著項(xiàng)目的進(jìn)展變得費(fèi)勁，甚至對(duì)于那些資深的工程師而言也不例外。工程師與設(shè)計(jì)師不僅要能夠把握當(dāng)下 Web發(fā)展潮流、Web標(biāo)準(zhǔn)和未來的發(fā)展趨勢(shì)，更重要的是能夠決定怎樣利用它們，使之融入當(dāng)下的設(shè)計(jì)中。幸運(yùn)的是，我們有許許多多開源的開發(fā)工具提供給工程師們，它們能夠幫助工程師加速他們的工作進(jìn)程，使得他們能更加高效和多產(chǎn)。
下面，我們就列出一些對(duì)于Web開發(fā)者和Web設(shè)計(jì)師而言非常有用而且時(shí)髦的工具。我們希望這些工具能夠使得你的工作更加靈活和順暢，從而使得你可以將更多的時(shí)間聚焦在一些重要的事兒上。
1. CONVERSE.JS ：類似 Facebook Chat 的開源聊天程序
Converse.js 是一個(gè)開源的聊天程序，它能夠鏈接任何 XMPP/Jabber server (like Google Talk，Skype， etc。) 就像我們熟知的Facebook-Chat那樣，它可以放在網(wǎng)頁底部，支持一對(duì)一或者一對(duì)多會(huì)話。能夠接收或者拒絕會(huì)話請(qǐng)求，可設(shè)置的狀態(tài)有在線、離開…… ， 同時(shí)聊天者可以看到正在輸入的提醒。
2. UNICODE- TABLE : WEBSITE FOR UNICODE CHARACTERS
Unicode-Table 是一個(gè)提供羅列著任何字符的 HTML 代碼和 Unicode 數(shù)字碼的網(wǎng)站。方便了搜尋和定位 ，這些編碼已分類排列。同時(shí)這個(gè)網(wǎng)站還提供對(duì)于任何文本進(jìn)行編碼和解碼的轉(zhuǎn)換功能。
3. Sylius
Sylius 是一個(gè)針對(duì)PHP（和基于Symfony2）的開源并且免費(fèi)的電子商務(wù)解決方案．它能夠輕松管理任何規(guī)模和擁有復(fù)雜產(chǎn)品+類別的商店。商品可以有不同的稅率，多種銷售方式。它融合了多網(wǎng)關(guān)支付處理庫(kù)(multi-gateway payment processing library)。
Pingendo 是當(dāng)下正處于 beta 版的新IDE，它能夠工作在Win+Mac環(huán)境。當(dāng)下階段它是免費(fèi)使用的（beta 版之后要收費(fèi) – 暫不得而知），其他目的在于簡(jiǎn)化web開發(fā)。它提供了一棵可編輯的DOM樹，使能夠快速查看樹和編輯節(jié)點(diǎn)的樣式或者節(jié)點(diǎn)的屬性。Pingendo已經(jīng)內(nèi)置支持Bootstrap + Foundation frameworks an Font Awesome（更多的特性也會(huì)在將來的版本中加入）。
Pure 是由Yahoo創(chuàng)造的全新的CSS框架。它僅僅使用符合標(biāo)準(zhǔn)的HTML-CSS構(gòu)建，并未使用JavaScript。這個(gè)框架采用響應(yīng)式布局構(gòu)建，同時(shí)提供 fortypography，網(wǎng)格，表單，按鈕，表格和導(dǎo)航的樣式。它的標(biāo)記（Markup）也是非常簡(jiǎn)單的，同時(shí)整個(gè)框架也十分輕量（采用gzip壓縮后最小只有5.75KB）
Prepros 是一款針對(duì)Windows平臺(tái)的開源應(yīng)用，能夠自動(dòng)編譯Less，Sass，Scss，Stylus，Jade，CoffeeScript，Haml 和Markdown 代碼。它通過注入CSS（HTML和JS也可）到瀏覽器中，來達(dá)到無需刷新的實(shí)時(shí)效果顯示。它有一些編譯處理選項(xiàng)，例如：輸出格式或者樣式（壓縮，嵌套……）
7. JSONMATE : JSON INSPECTOR & VISUALIZER
JSONmate 是一個(gè)Web App 。它能夠美化（和丑化）那些能夠被直接粘貼或者從遠(yuǎn)程URL加載而來的JSON 字符串。而且，它擁有一個(gè)非常優(yōu)秀的可視化編輯工具，使得你可以自定義數(shù)據(jù)和對(duì)數(shù)據(jù)提供不同的呈現(xiàn)方式。JSONmate 已經(jīng)支持jsonp。JSONP也是一個(gè)開源項(xiàng)目。
phpFastCache 是一個(gè)開源的PHP緩存庫(kù)。它能快速整合單一文件。它也支持多種緩存方式（apc， memcache， memcached， wincache， files， pdo and mpdo），能夠在緩存期間被定義，同時(shí)它有一個(gè)非常精簡(jiǎn)的API。
9. ICE CODER : PHP POWERED AND OPEN SOURCE WEB IDE
ICEcoder 是一款基于Web的快速構(gòu)建PHP程序的開源IDE。
它的工作方式非常之簡(jiǎn)單，你只需要簡(jiǎn)單的拖拽，就可以將你的app 文件夾放置在任何你喜歡的地方，并且任意一個(gè)文件（包括子文件）都已經(jīng)處于待編輯狀態(tài)。它支持代碼高亮，分隔標(biāo)簽，HTML 結(jié)構(gòu)顯示，你也可以很容易的選擇它們。它也支持Emmet和 Adminer處理工具（一種MYSQL管理工具）。ICEcoder擁有強(qiáng)大的JavaScript API方便調(diào)用，與此同時(shí)它也能與很多流行的語言協(xié)同工作（PHP， JS， CSS， LESS， Ruby， etc。）
Flatdoc 是一種使你能夠?yàn)槟愕拈_源項(xiàng)目快速創(chuàng)建站點(diǎn)的最快方式。它是一個(gè)很小的JavaScript文件，可獲取 Markdown 文件和將它們繪制在所有頁面。事實(shí)上，它是一種從Readme 文件中快速創(chuàng)建開源文檔的最簡(jiǎn)單的方式。最后，它并不需要服務(wù)端的組件，也不需要構(gòu)建進(jìn)程。
Jekyll 是一個(gè)單頁、博客、靜態(tài)站點(diǎn)生成工具。它使用一個(gè)模版目錄（代表著這個(gè)站點(diǎn)的原始形式），通過使用Textile 或者 Markdown 和 Liquid 轉(zhuǎn)換器運(yùn)行它，運(yùn)行后將產(chǎn)生適應(yīng) Apache 服務(wù)器或者你喜歡的服務(wù)器的完整的、靜態(tài)的站點(diǎn)。它也是 GitHub Pages 背后的引擎，Github Pages 可用于做個(gè)人博客或者是項(xiàng)目主頁。
Web Colour Data 提供了一種非常便捷的服務(wù)，用戶可找出某個(gè)網(wǎng)頁用了那些色彩。你僅僅需要簡(jiǎn)單的提交一個(gè)URL，它就會(huì)自動(dòng)提取和分析這個(gè)URL中的色彩方案。用一種百分比分段方式呈現(xiàn)色調(diào)分布。另外，在許多流行網(wǎng)站上使用的配色也是一個(gè)很好的色彩靈感來源。
13. FROONT：可視化響應(yīng)式網(wǎng)頁設(shè)計(jì)
FROONT 是一種基于web運(yùn)行在瀏覽器中的設(shè)計(jì)工具，它使得所有的視覺設(shè)計(jì)師能夠創(chuàng)造出響應(yīng)式頁面布局，甚至不需要任何的編碼技巧。FROONT使得創(chuàng)建響應(yīng)式布局變得可視化。通過在瀏覽器中憑直覺使用拖放工具即可實(shí)現(xiàn)設(shè)計(jì)。每一個(gè)項(xiàng)目都有它自己的URL，這樣使得它能夠很容易被放到真實(shí)的設(shè)備上進(jìn)行測(cè)試。
Editr 是一個(gè)HTML、CSS 和 JavaScript 編輯工具，基于ACE 編輯器。它非常容易安裝，在一個(gè)頁面中支持多種實(shí)例?？梢酝ㄟ^JS 對(duì)象或者HTML屬性進(jìn)行配置。Editr 發(fā)布在MIT許可協(xié)議下。
Stringer 是一個(gè)開源的自托管、非社交化的RSS閱讀器。Stringer沒有額外的依賴，沒有社交化推薦或者分享，也沒有時(shí)髦的機(jī)器學(xué)習(xí)算法。但它支持鍵盤快捷鍵。
英文原文：dezignmatterz
