互聯網已經成為我們生活中無法割裂的一部分，生活中越來越多的服務都與網絡緊密的結合到一起，深刻地影響著我們的生活和工作，很難想象沒了它我們的日常生活會多麻煩。我們在公交上刷微博看新聞，在閑暇的時候在網絡上尋找自己感興趣的東西，在公司工作借助網絡來宣傳自己的企業，尋找合作伙伴和客戶，等等等等。

　　與此同時，網絡技術的發展也使得越來越多的事情可以在網絡上完成——比如，設計和開發。這次我們推薦的20個網頁開發工具都無需安裝，借助瀏覽器，網頁開發者可以在這里便捷地完成許多網頁工作，稱之為必備并不為過。

　　1.Animatron

　　對于網站而言，能否做好用戶體驗，讓訪客難以忘懷是一件非常重要的事情。只有體驗優異，才能讓用戶欲罷不能，堅持回訪，這也就是為什么你需要Animatron?？疵志椭繟nimatron是一個與動畫相關的在線工具，它能幫助你輕松制作HTML5和SVG動畫，無需填寫代碼，提高網站的體驗和設計感。

　　目前Animatron提供不同層級的服務，從免費到20美元包月不等。它可以將你從制作網站動畫效果的沉重壓力眾釋放出來，就目前用戶反饋來看，從新手到專業人員都給出不錯的評價。Animatron會幫你將工作內容存儲到云端，方便團隊協作調用，一旦完成也可以導出成HTML5、SVG、GIF和視頻等多種格式。

　　2.WPJobBoard

　　WPJobBoard 是一款完美兼容WordPRess的插件，它可以幫你輕松建立一個在線的工作分配平臺。網站提供兩種不同的搭建模式，一種是單獨構建一個帶有工作列表的獨立網站，如果你有Wordpress站點的話，它可以幫助你將工作分配平臺嵌入到Wordpress中去。裝上WPJobBoard之后，它可以讓用戶自動發送郵件到平臺上來，還可以rss訂閱相關的信息，并具有提醒同能。平臺內支持PayPal支付，這樣工作分配出去之后支付的問題也不在話下。在使用過程中有任何問題，提交到WPJobBoard團隊，會在24小時內收到反饋。

　　3.Original Mockups

　　在Original Mockups 你可以制作各種各樣的原型，無論是想將你的設計轉化為一個現實可見的移動APP原型，還是要設計一個功能完備的網站，Original Mockups都可以幫到你。你可以在Original Mockups將你的想法化作可視化的原型，同團隊或客戶一起討論研究，降低溝通成本。

　　通過倚賴PS的編輯器，你可以在Original Mockups里拖拽、調整、調用各種圖形和元素，制作出逼真的視覺稿。另外，在Original Mockups里不會存在復雜的文件管理的問題，它會幫你將一切文件整理得井井有條。

　　4.Hiveage

　　如果你是一個自由職業者或者一個小型的團隊，擁有自成一體的業務結構，那么你可以借助Hiveage來管理你的票據和賬單，將你從這些雞零狗碎的事務中解脫出來。別擔心，Hiveage會幫你梳理清楚所有的單據，你可以使用自己的標簽，設定不同的顏色來分類單據，Hiveage會將所有的信息保存在Rackspace的服務器上，確保安全。

　　5.Cashboard

　　如果你覺得Hiveage無法hold住你那令人頭疼的財務報表，那么你可以選擇CashBoard了。CashBoard同樣是一款云端的工具，它可以更為系統的管理你的團隊或者公司的財務，可以幫你管理項目，跟蹤現金流向，分配任務，管理票據，甚至可以管理客戶。簡而言之，通過CashBoard你可以管理好你的公司里設計財務的各個部分，各個細節，內置的支付系統也支持世界范圍內的主流支付工具。目前CashBoard是免費14天試用，此后可以靈活的選擇是包月或者包年的服務。

　　6.Themify.me

　　網頁的排版布局是關乎網站的美感和體驗的重要部分，如果你是一個對于設計和細節精益求精的設計師，那么你應該試試Themify.me。它不僅僅是一個單純幫你定制主題的編輯器，它還可幫你完成響應式設計，并且全程不用調用一行代碼!在編輯的過程中，你還可以實時預覽你所設計的頁面布局，掌控一切。完成設計之后，Themify.me會確保你的頁面設計能與所有設備和系統兼容。

　　7. ShrinkTheWeb

　　如果你需要為批量的照片裁剪邊緣、調整大小，那么不用開PS了，直接用ShrinkTheWeb來解決這些問題，將你的時間和設備都投入到更加重要的工作中去。ShrinkTheWeb會幫你批量地處理照片，存儲、上傳然后在幾秒鐘內顯示處理后的預覽圖，可靠，快速。另外，最重要的是，它是免費的。

　　8.MotoPress

　　MotoPress是一個可以幫你輕松管理和編輯網站/博客的內容編輯器，它是一個Wordpress插件，替代默認的編輯器，解決功能強大但是可控較差上手不容易的默認編輯器。它適用于任何Wordpress主題，易于安裝，無需復雜的代碼就可以通過拖拽來定制界面，創建響應式的布局，這樣你的網站就可以輕松應付移動端的瀏覽了。

　　9.Framebench

　　項目管理是困難的， 尤其是當你的團隊成員不在一起，供應商、客戶都是在網絡上聯系的時候，交流的成本成倍地增長。要知道，溝通的是走向成功的關鍵。在這個時候，你需要Framebench。在線項目管理、協作平臺很多，但是各有優劣，針對的問題也不盡相同，而Framebench就是主攻溝通協作的云平臺。Framebench的“TableTop Sync”功能能讓項目參與的各方都能清晰看到每個成員的工作進度，項目的完成程度，給予實時的反饋，快速調整。值得一提的是，Framebench還提供視頻分享的功能。

　　10.Froont

　　Froont也是一個功能強大的在線平臺，它旨在幫你加速網站原型設計和響應式布局。它是一款巧妙的協作工具，設計者可以通過鏈接同客戶分享他們的設計的原型。作為設計者，用戶可以在Froont上精心打磨原型的細節，設置布局，色彩，樣式，字體，讓項目的設計更上一層樓。Froont擁有友好的界面，以及類似PS的直觀的圖層管理功能，它還可以從PS調用CSS樣式，使用在線的SVG文件，可以復制項目、創建分支等等，非常方便。一旦完成設計，可以一鍵下載，頗為方便。

　　11.Context.io

　　如果你是郵件的重度倚賴者，并且頭疼于IMAP郵件實時同步的問題的話，你可以了解一下Context.io，這個網站所提供的服務可以幫你解決郵件的問題，將所有的郵件同步到這里，再也不用在這種細微末節的問題上頭疼。

　　12.Metricfire

　　Metricfire是一款統計性能指標和需求的理想工具，它會稱職地為你記錄你所關心的項目的各項指標，由于它是獨立的代碼段，即使你的系統崩潰了，它所記錄的數據都存在并且具備可用性，為你保存下所有致命錯誤的反饋信息。

　　13.Hostoople

　　Hostoople 是目前最好的共享托管服務商之一，他們有著豐富的經驗，強大的設備和全天候的服務團隊。Hostoople 為開發者們提供極富吸引力的服務，無論是托管個人項目還是轉手客戶。此外，無論你想托管的網站的程序是什么，Hostoople通常都應付得來，無論是Wordpress、OpenBlog還是Nucleus這樣的博客平臺，還是CubeCart，osCommerce，ZenCart這樣的電商網站，他們都搞得定，各種平臺所需要的支持他們一個不少，相關的功能也全部具備，并將相應的接口和客戶端都為客戶準備好了。

　　14.WPHelpDesk

　　要讓每一個客戶都滿意并不容易，WPHelpDesk這款Wordpress插件就是幫你解決這個問題的，它會幫你搜集客戶反饋，整理、分類、存儲，方便你回復?？蛻敉ㄟ^表格提交問題反饋之后，他們會看到它的問題被處理的狀態，你也可以借此像客戶展示你的對問題的態度。

　　15.KonstantInfo

　　一個成功的企業移動應用需要有足夠吸引人的特性，這樣才能吸引客戶，提升公司業務。而Konstant Infosolutions團隊就是為此而生的——他們為用戶提供一系列的移動客戶端開發服務，幫助客戶打造成功的APP。

　　16.Stamplia

　　即使是在中國，絕大多數的服務提供商和用戶之間都是通過郵件來進行溝通的，而絕大多數的企業也都有著屬于自己的郵件模板。如果你需要一個專業的、個性化的郵件模板，那么Stamplia的服務應該是你的選擇。Stamplia提供專業的、高度個性化的模板定制功能，并且保證能與主流的郵件客戶端良好兼容。

　　17.Macaw

　　這款名為Macaw的圖片處理工具有著令人側目圖片處理和管理功能。當你完成圖片的編輯之后，Macaw可以在數秒之內幫你生成你需要的HTML和CSS代碼，方便你直接將圖片嵌入到網頁中去。

　　18.RIU

　　如果你還在尋求一個完美的網頁圖片響應式方案的話，不妨來看看RIU，沒有比這更高的工具了。RIU這款插件可以直接融入到Wordpress的媒體庫當中去，它會讓圖片隨著網頁變化適應每一塊屏幕，你可以將精力投入到更有價值的地方。

　　19.Launchlist

　　Launchlist 是一款功能完善的項目開發管理工具，堪稱完美。你可以通過Launchlist 來設定預先測試，讓你的產品在發布之前解決潛在的Bug。

　　20.Flowdock

　　Flowdock是一款致力于管理團隊協作的工具，它可以讓團隊協作管理更加簡單。它有桌面客戶端、移動客戶端，還可以在網頁上訪問，這是一款全天候全平臺的優秀工具。