Web開發者和設計師必備的20個在線實用工具
英文原文：Top 20 Online Tools Useful For Any Type of Web Developer
互聯網已經成為我們生活中無法割裂的一部分，生活中越來越多的服務都與網絡緊密的結合到一起，深刻地影響著我們的生活和工作，很難想象沒了它我 們的日常生活會多麻煩。我們在公交上刷微博看新聞，在閑暇的時候在網絡上尋找自己感興趣的東西，在公司工作借助網絡來宣傳自己的企業，尋找合作伙伴和客 戶，等等等等。
與此同時，網絡技術的發展也使得越來越多的事情可以在網絡上完成——比如，設計和開發。這次我們推薦的 20 個網頁開發工具都無需安裝，借助瀏覽器，網頁開發者可以在這里便捷地完成許多網頁工作，稱之為必備并不為過。
對于網站而言，能否做好用戶體驗，讓訪客難以忘懷是一件非常重要的事情。只有體驗優異，才能讓用戶欲罷不能，堅持回訪，這也就是為什么你需要 Animatron。看名字就知道 Animatron 是一個與動畫相關的在線工具，它能幫助你輕松制作 HTML5 和 SVG 動畫，無需填寫代碼，提高網站的體驗和設計感。
目前 Animatron 提供不同層級的服務，從免費到 20 美元包月不等。它可以將你從制作網站動畫效果的沉重壓力眾釋放出來，就目前用戶反饋來看，從新手到專業人員都給出不錯的評價。Animatron 會幫你將工作內容存儲到云端，方便團隊協作調用，一旦完成也可以導出成 HTML5、SVG、GIF 和視頻等多種格式。
WPJobBoard 是一款完美兼容 Wordpress 的插件，它可以幫你輕松建立一個在線的工作分配平臺。網站提供兩種不同的搭建模式，一種是單獨構建一個帶有工作列表的獨立網站，如果你有 Wordpress 站點的話，它可以幫助你將工作分配平臺嵌入到 Wordpress 中去。裝上 WPJobBoard 之后，它可以讓用戶自動發送郵件到平臺上來，還可以 RSS 訂閱相關的信息，并具有提醒同能。平臺內支持 PayPal 支付，這樣工作分配出去之后支付的問題也不在話下。在使用過程中有任何問題，提交到 WPJobBoard 團隊，會在 24 小時內收到反饋。
在 Original Mockups 你可以制作各種各樣的原型，無論是想將你的設計轉化為一個現實可見的移動 APP 原型，還是要設計一個功能完備的網站，Original Mockups 都可以幫到你。你可以在 Original Mockups 將你的想法化作可視化的原型，同團隊或客戶一起討論研究，降低溝通成本。
通過倚賴 PS 的編輯器，你可以在 Original Mockups 里拖拽、調整、調用各種圖形和元素，制作出逼真的視覺稿。另外，在 Original Mockups 里不會存在復雜的文件管理的問題，它會幫你將一切文件整理得井井有條。
如果你是一個自由職業者或者一個小型的團隊，擁有自成一體的業務結構，那么你可以借助 Hiveage 來管理你的票據和賬單，將你從這些雞零狗碎的事務中解脫出來。別擔心，Hiveage 會幫你梳理清楚所有的單據，你可以使用自己的標簽，設定不同的顏色來分類單據，Hiveage 會將所有的信息保存在 Rackspace 的服務器上，確保安全。
如果你覺得 Hiveage 無法 hold 住你那令人頭疼的財務報表，那么你可以選擇 CashBoard 了。CashBoard 同樣是一款云端的工具，它可以更為系統的管理你的團隊或者公司的財務，可以幫你管理項目，跟蹤現金流向，分配任務，管理票據，甚至可以管理客戶。簡而言 之，通過 CashBoard 你可以管理好你的公司里設計財務的各個部分，各個細節，內置的支付系統也支持世界范圍內的主流支付工具。目前 CashBoard 是免費 14 天試用，此后可以靈活的選擇是包月或者包年的服務。
網頁的排版布局是關乎網站的美感和體驗的重要部分，如果你是一個對于設計和細節精益求精的設計師，那么你應該試試 Themify.me。它不僅僅是一個單純幫你定制主題的編輯器，它還可幫你完成響應式設計，并且全程不用調用一行代碼！在編輯的過程中，你還可以實時預 覽你所設計的頁面布局，掌控一切。完成設計之后，Themify.me 會確保你的頁面設計能與所有設備和系統兼容。
如果你需要為批量的照片裁剪邊緣、調整大小，那么不用開 PS 了，直接用 ShrinkTheWeb 來解決這些問題，將你的時間和設備都投入到更加重要的工作中去。ShrinkTheWeb 會幫你批量地處理照片，存儲、上傳然后在幾秒鐘內顯示處理后的預覽圖，可靠，快速。另外，最重要的是，它是免費的。
MotoPress 是一個可以幫你輕松管理和編輯網站/博客的內容編輯器，它是一個 Wordpress 插件，替代默認的編輯器，解決功能強大但是可控較差上手不容易的默認編輯器。它適用于任何 Wordpress 主題，易于安裝，無需復雜的代碼就可以通過拖拽來定制界面，創建響應式的布局，這樣你的網站就可以輕松應付移動端的瀏覽了。
項目管理是困難的， 尤其是當你的團隊成員不在一起，供應商、客戶都是在網絡上聯系的時候，交流的成本成倍地增長。要知道，溝通的是走向成功的關鍵。在這個時候，你需要 Framebench。在線項目管理、協作平臺很多，但是各有優劣，針對的問題也不盡相同，而 Framebench 就是主攻溝通協作的云平臺。Framebench 的“TableTop Sync”功能能讓項目參與的各方都能清晰看到每個成員的工作進度，項目的完成程度，給予實時的反饋，快速調整。值得一提的是，Framebench 還提供視頻分享的功能。
Froont 也是一個功能強大的在線平臺，它旨在幫你加速網站原型設計和響應式布局。它是一款巧妙的協作工具，設計者可以通過鏈接同客戶分享他們的設計的原型。作為設 計者，用戶可以在 Froont 上精心打磨原型的細節，設置布局，色彩，樣式，字體，讓項目的設計更上一層樓。Froont 擁有友好的界面，以及類似 PS 的直觀的圖層管理功能，它還可以從 PS 調用 CSS 樣式，使用在線的 SVG 文件，可以復制項目、創建分支等等，非常方便。一旦完成設計，可以一鍵下載，頗為方便。
如果你是郵件的重度倚賴者，并且頭疼于 IMAP 郵件實時同步的問題的話，你可以了解一下 Context.io，這個網站所提供的服務可以幫你解決郵件的問題，將所有的郵件同步到這里，再也不用在這種細微末節的問題上頭疼。
Metricfire 是一款統計性能指標和需求的理想工具，它會稱職地為你記錄你所關心的項目的各項指標，由于它是獨立的代碼段，即使你的系統崩潰了，它所記錄的數據都存在并且具備可用性，為你保存下所有致命錯誤的反饋信息。
Hostoople 是目前最好的共享托管服務商之一，他們有著豐富的經驗，強大的設備和全天候的服務團隊。Hostoople 為開發者們提供極富吸引力的服務，無論是托管個人項目還是轉手客戶。此外，無論你想托管的網站的程序是什么，Hostoople 通常都應付得來，無論是 Wordpress、OpenBlog 還是 Nucleus 這樣的博客平臺，還是 CubeCart，osCommerce，ZenCart 這樣的電商網站，他們都搞得定，各種平臺所需要的支持他們一個不少，相關的功能也全部具備，并將相應的接口和客戶端都為客戶準備好了。
要讓每一個客戶都滿意并不容易，WPHelpDesk 這款 Wordpress 插件就是幫你解決這個問題的，它會幫你搜集客戶反饋，整理、分類、存儲，方便你回復。客戶通過表格提交問題反饋之后，他們會看到它的問題被處理的狀態，你 也可以借此像客戶展示你的對問題的態度。
一個成功的企業移動應用需要有足夠吸引人的特性，這樣才能吸引客戶，提升公司業務。而 Konstant Infosolutions 團隊就是為此而生的——他們為用戶提供一系列的移動客戶端開發服務，幫助客戶打造成功的 APP。
即使是在中國，絕大多數的服務提供商和用戶之間都是通過郵件來進行溝通的，而絕大多數的企業也都有著屬于自己的郵件模板。如果你需要一個專業 的、個性化的郵件模板，那么 Stamplia 的服務應該是你的選擇。Stamplia 提供專業的、高度個性化的模板定制功能，并且保證能與主流的郵件客戶端良好兼容。
這款名為 Macaw 的圖片處理工具有著令人側目圖片處理和管理功能。當你完成圖片的編輯之后，Macaw 可以在數秒之內幫你生成你需要的 HTML 和 CSS 代碼，方便你直接將圖片嵌入到網頁中去。
如果你還在尋求一個完美的網頁圖片響應式方案的話，不妨來看看 RIU，沒有比這更高的工具了。RIU 這款插件可以直接融入到 Wordpress 的媒體庫當中去，它會讓圖片隨著網頁變化適應每一塊屏幕，你可以將精力投入到更有價值的地方。
Launchlist 是一款功能完善的項目開發管理工具，堪稱完美。你可以通過 Launchlist 來設定預先測試，讓你的產品在發布之前解決潛在的 Bug。
Flowdock 是一款致力于管理團隊協作的工具，它可以讓團隊協作管理更加簡單。它有桌面客戶端、移動客戶端，還可以在網頁上訪問，這是一款全天候全平臺的優秀工具。
<span id="shareA4" class="fl">
</span>