盤點設計師必備的實用工具

小編堅信，無論你是經驗豐富的前端，還是剛剛起步的設計師，你都需要這些實用工具 、在線服務、資源和代碼片段。合理的運用能夠讓你的網頁設計與開發事半功倍。

這次總結的工具總計有40款，它們基本上可以分為8個大類

·靈感與閲讀：這類素材通常是設計案例和酷站 ，它們啟發靈感，給你經驗

·網絡社區：彙集Web開發者和設計師的優秀社區

·網頁測速工具：一些最好的網站測速工具

·溝通和項目管理：適宜進行溝通和管理的工具，包括網頁端和移動端

·代碼共享和編輯器：最好的Markdown編輯器，代碼分享工具

·CSS/HTML：能夠讓你的網頁更漂亮的工具，幫你創建更清晰的CSS代碼

·框架：最流行最好用的網頁開發框架

·Git客户端：好用不解釋

　　靈感與閲讀

　　Web Development Reading List

這是一個純手工精心挑選的Web開發相關資源的列表，而你需要做的就是訂閲它，關注它，使用它。

　　WEB TOOLS WEEKLY

Web Tools Weekly 是一個專注與前端開發 和網頁設計工具的新聞簡報。

　　Web Operations Weekly

同樣的，Web Operations Weekly 也是一個新聞簡報，每週更新，內容主要關於網絡運營、網絡基礎設施、網絡性能和工具等。

這個網站彙集了最新的文章、技術和最值得閲讀和收藏的網頁設計開發最佳實踐。

　　網絡社區

　　Front-end Front

前端開發 者可以在 Front-end Front 提問、分享有趣的內容、展示自己的開發項目。

　　Refind

Refind 替你收納網絡上最好的網站與鏈接，你每天都可以在這裏看到最好的設計項目，獲取靈感。

　　LinkedIn PHP Developer Group

如果你精通PHP、Mysql、Drupal、Joomla、Zend、Cake、MVC，那麼這個Linkedin社區非常適合你。

　　網頁測速工具

　　Website Speed Test

這是一款頗為實用的網站測速工具，其中還包含了頁面預覽功能。

　　Google Chrome DevTools

Google Chrome DevTools 是內至於谷歌瀏覽器的網頁製作和調試工具，你可以用它來遍歷、調試和監測。

　　Pingdom

Pingdom 的使用方法很簡單，輸入網站URL就可以測試它的加載時間。

　　Google PageSpeed Insights

這款測速工具可以參考最佳實踐來分析和優化你的網站。

　　WebPageTest

藉助普通瀏覽器你就可以使用WebPage Test 針對全球範圍內任何網站進行免費的連接測速。

　　GTmetrix

GTmetrix 是一個免費的網頁連接測速工具，藉助PageSpeed 和 YSlow ，GTmetrix 可以幫你針對頁面進行評分。

　　溝通和項目管理

　　Slack

Slack 是一款在線的集成團隊溝通工具，它可以通過實時聊天、協同、歸檔來管理你的團隊、資源和項目。

　　Glip

Glip 是一款實時對話/視頻溝通工具，可進行任務管理、文件分享、內容搜索的多功能應用。

　　Jira

Jira 是一款為敏捷軟件開發團隊提供的靈活的項目管理工具。

　　Trello

Trello 是一款跨平台的任務分配和項目管理工具，無論是團隊協同還是製作任務清單都手到擒來。

　　Asana

Asana 是臉譜旗下的團隊協同、任務分配和項目管理工具，使用起來便捷，上手也很快。