互聯(lián)網(wǎng)已經(jīng)成為我們生活中無法割裂的一部分，生活中越來越多的服務(wù)都與網(wǎng)絡(luò)緊密的結(jié)合到一起，深刻地影響著我們的生活和工作，很難想象沒了它我們的日常生活會(huì)多麻煩。我們?cè)诠簧纤⑽⒉┛葱侣劊陂e暇的時(shí)候在網(wǎng)絡(luò)上尋找自己感興趣的東西，在公司工作借助網(wǎng)絡(luò)來宣傳自己的企業(yè)，尋找合作伙伴和客戶，等等等等。

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

　　1.Animatron

　　對(duì)于網(wǎng)站而言，能否做好用戶體驗(yàn)，讓訪客難以忘懷是一件非常重要的事情。只有體驗(yàn)優(yōu)異，才能讓用戶欲罷不能，堅(jiān)持回訪，這也就是為什么你需要Animatron。看名字就知道Animatron是一個(gè)與動(dòng)畫相關(guān)的在線工具，它能幫助你輕松制作HTML5和SVG動(dòng)畫，無需填寫代碼，提高網(wǎng)站的體驗(yàn)和設(shè)計(jì)感。

　　目前Animatron提供不同層級(jí)的服務(wù)，從免費(fèi)到20美元包月不等。它可以將你從制作網(wǎng)站動(dòng)畫效果的沉重壓力眾釋放出來，就目前用戶反饋來看，從新手到專業(yè)人員都給出不錯(cuò)的評(píng)價(jià)。Animatron會(huì)幫你將工作內(nèi)容存儲(chǔ)到云端，方便團(tuán)隊(duì)協(xié)作調(diào)用，一旦完成也可以導(dǎo)出成HTML5、SVG、GIF和視頻等多種格式。

　　2.WPJobBoard

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

　　3.Original Mockups

　　在Original Mockups 你可以制作各種各樣的原型，無論是想將你的設(shè)計(jì)轉(zhuǎn)化為一個(gè)現(xiàn)實(shí)可見的移動(dòng)APP原型，還是要設(shè)計(jì)一個(gè)功能完備的網(wǎng)站，Original Mockups都可以幫到你。你可以在Original Mockups將你的想法化作可視化的原型，同團(tuán)隊(duì)或客戶一起討論研究，降低溝通成本。

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

　　4.Hiveage

　　如果你是一個(gè)自由職業(yè)者或者一個(gè)小型的團(tuán)隊(duì)，擁有自成一體的業(yè)務(wù)結(jié)構(gòu)，那么你可以借助Hiveage來管理你的票據(jù)和賬單，將你從這些雞零狗碎的事務(wù)中解脫出來。別擔(dān)心，Hiveage會(huì)幫你梳理清楚所有的單據(jù)，你可以使用自己的標(biāo)簽，設(shè)定不同的顏色來分類單據(jù)，Hiveage會(huì)將所有的信息保存在Rackspace的服務(wù)器上，確保安全。

　　5.Cashboard

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

　　6.Themify.me

　　網(wǎng)頁的排版布局是關(guān)乎網(wǎng)站的美感和體驗(yàn)的重要部分，如果你是一個(gè)對(duì)于設(shè)計(jì)和細(xì)節(jié)精益求精的設(shè)計(jì)師，那么你應(yīng)該試試Themify.me。它不僅僅是一個(gè)單純幫你定制主題的編輯器，它還可幫你完成響應(yīng)式設(shè)計(jì)，并且全程不用調(diào)用一行代碼!在編輯的過程中，你還可以實(shí)時(shí)預(yù)覽你所設(shè)計(jì)的頁面布局，掌控一切。完成設(shè)計(jì)之后，Themify.me會(huì)確保你的頁面設(shè)計(jì)能與所有設(shè)備和系統(tǒng)兼容。

　　7. ShrinkTheWeb

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

　　8.MotoPress

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

　　9.Framebench

　　項(xiàng)目管理是困難的， 尤其是當(dāng)你的團(tuán)隊(duì)成員不在一起，供應(yīng)商、客戶都是在網(wǎng)絡(luò)上聯(lián)系的時(shí)候，交流的成本成倍地增長。要知道，溝通的是走向成功的關(guān)鍵。在這個(gè)時(shí)候，你需要Framebench。在線項(xiàng)目管理、協(xié)作平臺(tái)很多，但是各有優(yōu)劣，針對(duì)的問題也不盡相同，而Framebench就是主攻溝通協(xié)作的云平臺(tái)。Framebench的“TableTop Sync”功能能讓項(xiàng)目參與的各方都能清晰看到每個(gè)成員的工作進(jìn)度，項(xiàng)目的完成程度，給予實(shí)時(shí)的反饋，快速調(diào)整。值得一提的是，F(xiàn)ramebench還提供視頻分享的功能。

　　10.Froont

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

　　11.Context.io

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

　　12.Metricfire

　　Metricfire是一款統(tǒng)計(jì)性能指標(biāo)和需求的理想工具，它會(huì)稱職地為你記錄你所關(guān)心的項(xiàng)目的各項(xiàng)指標(biāo)，由于它是獨(dú)立的代碼段，即使你的系統(tǒng)崩潰了，它所記錄的數(shù)據(jù)都存在并且具備可用性，為你保存下所有致命錯(cuò)誤的反饋信息。

　　13.Hostoople

　　Hostoople 是目前最好的共享托管服務(wù)商之一，他們有著豐富的經(jīng)驗(yàn)，強(qiáng)大的設(shè)備和全天候的服務(wù)團(tuán)隊(duì)。Hostoople 為開發(fā)者們提供極富吸引力的服務(wù)，無論是托管個(gè)人項(xiàng)目還是轉(zhuǎn)手客戶。此外，無論你想托管的網(wǎng)站的程序是什么，Hostoople通常都應(yīng)付得來，無論是Wordpress、OpenBlog還是Nucleus這樣的博客平臺(tái)，還是CubeCart，osCommerce，ZenCart這樣的電商網(wǎng)站，他們都搞得定，各種平臺(tái)所需要的支持他們一個(gè)不少，相關(guān)的功能也全部具備，并將相應(yīng)的接口和客戶端都為客戶準(zhǔn)備好了。

　　14.WPHelpDesk

　　要讓每一個(gè)客戶都滿意并不容易，WPHelpDesk這款Wordpress插件就是幫你解決這個(gè)問題的，它會(huì)幫你搜集客戶反饋，整理、分類、存儲(chǔ)，方便你回復(fù)。客戶通過表格提交問題反饋之后，他們會(huì)看到它的問題被處理的狀態(tài)，你也可以借此像客戶展示你的對(duì)問題的態(tài)度。

　　15.KonstantInfo

　　一個(gè)成功的企業(yè)移動(dòng)應(yīng)用需要有足夠吸引人的特性，這樣才能吸引客戶，提升公司業(yè)務(wù)。而Konstant Infosolutions團(tuán)隊(duì)就是為此而生的——他們?yōu)橛脩籼峁┮幌盗械囊苿?dòng)客戶端開發(fā)服務(wù)，幫助客戶打造成功的APP。

　　16.Stamplia

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

　　17.Macaw

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

　　18.RIU

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

　　19.Launchlist

　　Launchlist 是一款功能完善的項(xiàng)目開發(fā)管理工具，堪稱完美。你可以通過Launchlist 來設(shè)定預(yù)先測(cè)試，讓你的產(chǎn)品在發(fā)布之前解決潛在的Bug。

　　20.Flowdock

　　Flowdock是一款致力于管理團(tuán)隊(duì)協(xié)作的工具，它可以讓團(tuán)隊(duì)協(xié)作管理更加簡(jiǎn)單。它有桌面客戶端、移動(dòng)客戶端，還可以在網(wǎng)頁上訪問，這是一款全天候全平臺(tái)的優(yōu)秀工具。