前端工程師必備:細數那些好用的網站開發工具
Web使用者體驗師Jake Rocheleau撰寫了一篇文章分享他在Web開發中經常使用的網站和Web App,其中包含各類字型庫、程式碼庫、外掛庫、配色方案和測試工具。他同時指出,Web開發環境將慢慢轉向雲端。
CodeVisually是一個開源專案。在它的分類目錄下有各種外掛、 模板、 主題和指令碼程式,你可以找到很多有用的 JS 庫,也為WordPress開發人員提供了框架和模板。如果你是一個jQuery框架或JavaScript 愛好者,那麼你一定要經常去CodeVisually上看看,你會發現有許多新的外掛能夠為你的網站增添一些令人振奮的功能。同時,通過用縮圖形式顯示外掛也幫助你能比在Github 或其它程式碼庫中更好的整理它們。
Cmmntr是日本開發者Motoshi Goto面向Web設計中的新聞和熱點問題所搭建的網站。網站中的資源主要是一些教程和外掛,也包含一些很棒的Demo演示和開源專案。Jake Rocheleau說,他最喜歡Cmmntr的一點是——它將相似的資源都整合在一起,並列出了詳盡的比較,例如CSS DB框架。總體來說,Cmmntr有著很高的文章和豐富的開發資源。
這項Google的網站字型資源是免費的並且相容各個瀏覽器,因為只是從 Google 引入了一個字型庫的 link 樣式,無需擔心像各個瀏覽器對 CSS 解析不同導致各種bug。同時,無需引入 JS,那麼即使使用者 PC禁止載入 JS,也不會影響 Google 字型庫的使用。另外,WordPress部落格可以使用WP Google Fonts外掛方便的更改字型。
Jake Rocheleau認為Stack Overflow是能夠幫助網站開發者解決困難的最好的問答網站。除了使用者回覆意願很強烈外,這些答案也很少會被刪除,利於開發者歸檔和搜尋。Jake Rocheleau說,通過在Google裡搜尋問題並加上stackoverflow.com作為關鍵字,可以找到許多靠譜的解決方案,他在編碼中90%的疑問都可以通過這種方式得到解答。
Web App——CodePen是一個雲端的Web整合開發環境。它提供了非常多的效果,也有開發者不斷開放自己的demo和程式碼給他人使用。開發者只需選擇不同的效果就可以輕鬆搭配出想要的網站頁面,也可以在這些Demo的基礎上自己開發。它的另一個好處是——你可以將自己做的demo都以書籤的形式存於CodePen中,當你像他人展示時可以方便呼叫,而無需再將程式碼上傳到伺服器中。
如今,越來越多的使用者開始通過平板電腦和手機來檢視網頁,針對移動產品的網頁效果測試就成了一個非常重要的領域。在iPad Peek中,你只需選擇你想測試的裝置(包括iPhone 4、iPhone 5和iPad的橫豎兩種螢幕模式),就可以在PC上檢視他們在不同移動裝置上的呈現效果。
Web設計師Chris Coyier的部落格中有單獨的一個頁面——CSS snippets專門蒐集那些可以被經常使用的CSS程式碼段,利用像Coda這樣的網頁編輯應用,你就可以將這些程式碼段歸檔整理。這幫助Web開發者可以節省大量的開發時間,另一個相似的工具還有Eric Meyer建立的CSS Resets,它更適合儲存網頁區域性效果的程式碼。
Pictaculous是一個思路非常新穎的網站,當你上傳一張圖片到Pictaculous時,它會幫助你選擇最合適的配色方案。所以,當你設計一個新的網站,尤其是要根據一些限定的Logo的搭建時,將它們上傳到Pictaculous,會得到不錯的配色參考,也方便進行各種配色方案的測試。
相關文章
- 前端開發必備網站前端網站
- 開發網站的必備技能網站
- 2019前端工程師必備前端開發資源必備前端工程師
- 在Mac下的前端開發必備工具Mac前端
- 【網路安全必備篇】有哪些好用的網站漏洞掃描工具?網站
- 神器:前端開發人員必備的5款開發工具前端
- 分享一些web前端開發好用的網站Web前端網站
- 牆裂推薦:Web前端開發必備工具Web前端
- 前端工程師必備:前端的模組化前端工程師
- 前端開發工程師必備系列-10個JavaScript難點前端工程師JavaScript
- Mac 開發必備工具Mac
- Java開發牛人十大必備網站Java網站
- 前端必備框架/工具前端框架
- 前端必備效率工具前端
- 提高前端開發者效率的11個必備的網站前端網站
- 前端工程師必備資源前端工程師
- web前端工程師必備技能Web前端工程師
- .NET開發不可錯過的25款必備工具,徐彙區網站設計網站
- 2024年高效Web前端開發必備的工具有哪些 ?Web前端
- 前端必備 PS三種切圖方法 Cutterman最好用的切圖工具前端
- 前端那些小眾而又精美的網站及工具前端網站
- 站長必備:10個好用的 WordPress 備份外掛
- Web前端開發工程師常用技術網站整理Web前端工程師網站
- web前端開發工具有哪些?8個好用的web前端開發常用工具Web前端
- 六個前端開發工程師必備的Web設計模式/模組資源前端工程師Web設計模式
- 工具武裝的前端開發工程師前端工程師
- Web前端培訓:有哪些好用的前端開發工具呢?Web前端
- 前端工程師必備技能彙總前端工程師
- 推薦 12 個學習前端必備的神仙級工具類專案與網站前端網站
- 前端開發必備!Emmet使用手冊前端
- vue-devtools 必備開發工具Vuedev
- .NET 開發人員必備工具:NAntNaN
- Android開發人員必備的10個開發工具Android
- 這四款好用的前端開發工具,不要錯過!前端
- 偏前端開發相關好用的工具(長期更新)前端
- 建立前端資料模型,vue開發必備前端模型Vue
- 五種前端開發必備的除錯技術前端除錯
- Python有哪些好用的網站開發框架?Python網站框架