前端工程師必備:細數那些好用的網站開發工具
前端工程師必備:細數那些好用的網站開發工具-移動閱讀二維碼

Web用戶體驗師Jake Rocheleau撰寫了一篇文章分享他在Web開發中經常使用的網站和Web App,其中包含各類字體庫、代碼庫、插件庫、配色方案和測試工具。他同時指出,Web開發環境將慢慢轉向云端。

1

CodeVisually是一個開源項目。在它的分類目錄下有各種插件、 模板、 主題和腳本程序,你可以找到很多有用的 JS 庫,也為WordPress開發人員提供了框架和模板。如果你是一個jQuery框架或JavaScript 愛好者,那么你一定要經常去CodeVisually上看看,你會發現有許多新的插件能夠為你的網站增添一些令人振奮的功能。同時,通過用縮略圖形式顯示插件也幫助你能比在Github 或其它代碼庫中更好的整理它們。

2

Cmmntr是日本開發者Motoshi Goto面向Web設計中的新聞和熱點問題所搭建的網站。網站中的資源主要是一些教程和插件,也包含一些很棒的Demo演示和開源項目。Jake Rocheleau說,他最喜歡Cmmntr的一點是——它將相似的資源都整合在一起,并列出了詳盡的比較,例如CSS DB框架??傮w來說,Cmmntr有著很高的文章和豐富的開發資源。

3

這項Google的網站字體資源是免費的并且兼容各個瀏覽器,因為只是從 Google 引入了一個字體庫的 link 樣式,無需擔心像各個瀏覽器對 CSS 解析不同導致各種bug。同時,無需引入 JS,那么即使用戶 PC禁止加載 JS,也不會影響 Google 字體庫的使用。另外,WordPress博客可以使用WP Google Fonts插件方便的更改字體。

4

Jake Rocheleau認為Stack Overflow是能夠幫助網站開發者解決困難的最好的問答網站。除了用戶回復意愿很強烈外,這些答案也很少會被刪除,利于開發者歸檔和搜索。Jake Rocheleau說,通過在Google里搜索問題并加上stackoverflow.com作為關鍵字,可以找到許多靠譜的解決方案,他在編碼中90%的疑問都可以通過這種方式得到解答。

5

Web App——CodePen是一個云端的Web集成開發環境。它提供了非常多的效果,也有開發者不斷開放自己的demo和代碼給他人使用。開發者只需選擇不同的效果就可以輕松搭配出想要的網站頁面,也可以在這些Demo的基礎上自己開發。它的另一個好處是——你可以將自己做的demo都以書簽的形式存于CodePen中,當你像他人展示時可以方便調用,而無需再將代碼上傳到服務器中。

6

如今,越來越多的用戶開始通過平板電腦和手機來查看網頁,針對移動產品的網頁效果測試就成了一個非常重要的領域。在iPad Peek中,你只需選擇你想測試的設備(包括iPhone 4、iPhone 5和iPad的橫豎兩種屏幕模式),就可以在PC上查看他們在不同移動設備上的呈現效果。

12.09.09

Web設計師Chris Coyier的博客中有單獨的一個頁面——CSS snippets專門搜集那些可以被經常使用的CSS代碼段,利用像Coda這樣的網頁編輯應用,你就可以將這些代碼段歸檔整理。這幫助Web開發者可以節省大量的開發時間,另一個相似的工具還有Eric Meyer建立的CSS Resets,它更適合保存網頁局部效果的代碼。

7

Pictaculous是一個思路非常新穎的網站,當你上傳一張圖片到Pictaculous時,它會幫助你選擇最合適的配色方案。所以,當你設計一個新的網站,尤其是要根據一些限定的Logo的搭建時,將它們上傳到Pictaculous,會得到不錯的配色參考,也方便進行各種配色方案的測試。

本文鏈接:http://www.casaleticia.com/easy-to-use-web-development-tools.html
本文標簽: , ,