無(wú)論你是經(jīng)驗(yàn)豐富的前端，還是剛剛起步的設(shè)計(jì)師，這些為真正的網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)者所準(zhǔn)備的實(shí)用工具、在線(xiàn)服務(wù)、資源和代碼片段，都是為你而生的，合理的運(yùn)用能夠讓你的網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)事半功倍。

這次總結(jié)的工具總計(jì)有40款，它們基本上可以分為8個(gè)大類(lèi)

·靈感與閱讀：這類(lèi)素材通常是設(shè)計(jì)案例和酷站，它們啟發(fā)靈感，給你經(jīng)驗(yàn)
·網(wǎng)絡(luò)社區(qū)：匯集Web開(kāi)發(fā)者和設(shè)計(jì)師的優(yōu)秀社區(qū)
·網(wǎng)頁(yè)測(cè)速工具：一些最好的網(wǎng)站測(cè)速工具
·溝通和項(xiàng)目管理：適宜進(jìn)行溝通和管理的工具，包括網(wǎng)頁(yè)端和移動(dòng)端
·代碼共享和編輯器：最好的Markdown編輯器，代碼分享工具
·CSS/HTML：能夠讓你的網(wǎng)頁(yè)更漂亮的工具，幫你創(chuàng)建更清晰的CSS代碼
·框架：最流行最好用的網(wǎng)頁(yè)開(kāi)發(fā)框架
·Git客戶(hù)端：好用不解釋

接下來(lái)，Enjoy！

靈感與閱讀

Web Development Reading List

這是一個(gè)純手工精心挑選的Web開(kāi)發(fā)相關(guān)資源的列表，而你需要做的就是訂閱它，關(guān)注它，使用它。

WEB TOOLS WEEKLY

Web Tools Weekly 是一個(gè)專(zhuān)注與前端開(kāi)發(fā)和網(wǎng)頁(yè)設(shè)計(jì)工具的新聞簡(jiǎn)報(bào)。

Web Operations Weekly

同樣的，Web Operations Weekly 也是一個(gè)新聞簡(jiǎn)報(bào)，每周更新，內(nèi)容主要關(guān)于網(wǎng)絡(luò)運(yùn)營(yíng)、網(wǎng)絡(luò)基礎(chǔ)設(shè)施、網(wǎng)絡(luò)性能和工具等。

Freshbrewed.co

這個(gè)網(wǎng)站匯集了最新的文章、技術(shù)和最值得閱讀和收藏的網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)最佳實(shí)踐。

網(wǎng)絡(luò)社區(qū)

Front-end Front

前端開(kāi)發(fā)者可以在 Front-end Front 提問(wèn)、分享有趣的內(nèi)容、展示自己的開(kāi)發(fā)項(xiàng)目。

Refind

Refind 替你收納網(wǎng)絡(luò)上最好的網(wǎng)站與鏈接，你每天都可以在這里看到最好的設(shè)計(jì)項(xiàng)目，獲取靈感。

LinkedIn PHP Developer Group

如果你精通PHP、Mysql、Drupal、Joomla、Zend、Cake、MVC，那么這個(gè)Linkedin社區(qū)非常適合你。

網(wǎng)頁(yè)測(cè)速工具

Website Speed Test

這是一款頗為實(shí)用的網(wǎng)站測(cè)速工具，其中還包含了頁(yè)面預(yù)覽功能。

Google Chrome DevTools

Google Chrome DevTools 是內(nèi)至于谷歌瀏覽器的網(wǎng)頁(yè)制作和調(diào)試工具，你可以用它來(lái)遍歷、調(diào)試和監(jiān)測(cè)。

Pingdom

Pingdom 的使用方法很簡(jiǎn)單，輸入網(wǎng)站URL就可以測(cè)試它的加載時(shí)間。

Google PageSpeed Insights

這款測(cè)速工具可以參考最佳實(shí)踐來(lái)分析和優(yōu)化你的網(wǎng)站。

WebPageTest

借助普通瀏覽器你就可以使用WebPage Test 針對(duì)全球范圍內(nèi)任何網(wǎng)站進(jìn)行免費(fèi)的連接測(cè)速。

GTmetrix

GTmetrix 是一個(gè)免費(fèi)的網(wǎng)頁(yè)連接測(cè)速工具，借助PageSpeed 和 YSlow ，GTmetrix 可以幫你針對(duì)頁(yè)面進(jìn)行評(píng)分。

溝通和項(xiàng)目管理

Slack

Slack 是一款在線(xiàn)的集成團(tuán)隊(duì)溝通工具，它可以通過(guò)實(shí)時(shí)聊天、協(xié)同、歸檔來(lái)管理你的團(tuán)隊(duì)、資源和項(xiàng)目。

Glip

Glip 是一款實(shí)時(shí)對(duì)話(huà)/視頻溝通工具，可進(jìn)行任務(wù)管理、文件分享、內(nèi)容搜索的多功能應(yīng)用。

Jira

Jira 是一款為敏捷軟件開(kāi)發(fā)團(tuán)隊(duì)提供的靈活的項(xiàng)目管理工具。

Trello

Trello 是一款跨平臺(tái)的任務(wù)分配和項(xiàng)目管理工具，無(wú)論是團(tuán)隊(duì)協(xié)同還是制作任務(wù)清單都手到擒來(lái)。

Asana

Asana 是Facebook旗下的團(tuán)隊(duì)協(xié)同、任務(wù)分配和項(xiàng)目管理工具，使用起來(lái)便捷，上手也很快。

代碼共享和編輯器

Codeshare

這是一個(gè)開(kāi)發(fā)者免費(fèi)分享代碼片段的工具。

Dabblet

這是一個(gè)交互式的CSS測(cè)試和代碼共享工具，它還支持保存到Github，以及許多便利的編輯功能。

Beyond Compare

通過(guò)簡(jiǎn)單但強(qiáng)大的命令來(lái)幫你對(duì)比文件和文件夾，幫你專(zhuān)注于值得關(guān)注的差異。

StackEdit

StackEdit 是一款基于PageDown的全功能開(kāi)源MarkDown編輯器，Stack Overflow 和其他的Stack exchange 網(wǎng)站常常會(huì)用到它的Markdown 庫(kù)。

Mou

這是MacOSX平臺(tái)上最好的Markdown編輯器之一，實(shí)時(shí)預(yù)覽、同步滾動(dòng)、自動(dòng)保存、自動(dòng)皮拍、自定義主題等多種強(qiáng)大而實(shí)用的功能被納入其中。最重要的是，它對(duì)于中文的支持相當(dāng)不錯(cuò)。

MarkdownPad

MarkdownPad 是Windows 平臺(tái)下的一款全功能 Markdown編輯器。

Sublime Text

Sublime Text 是一款高度可定制的、界面漂亮的代碼編輯器，功能非同凡響，性能也相當(dāng)不錯(cuò)，越來(lái)越多的開(kāi)發(fā)者和設(shè)計(jì)師開(kāi)始著迷于Sublime Text。

Dillinger

Dillinger 是一款基于云端、支持移動(dòng)端、可離線(xiàn)存儲(chǔ)的基于AngularJS和HTML5的Markdown編輯器。

Texts

Texts 是一款符文布編輯器，主要存在于Windows 和iOS平臺(tái)。

ByWord

ByWord 同樣也是一款Markdown編輯器，它旨在提供更加流暢有趣的編輯體驗(yàn)。

CSS/HTML

Sass

Sass 是目前最成熟、最穩(wěn)定，同時(shí)保持功能強(qiáng)大和專(zhuān)業(yè)性的CSS擴(kuò)展語(yǔ)言。

Stylus

如果已經(jīng)有Node.JS，安裝Stylus 是一件非常輕松的事情，它為Node.js提供強(qiáng)大、功能豐富、性能優(yōu)異的CSS語(yǔ)言支持。

Less

Less 是一款CSS的與處理器，它是CSS語(yǔ)言的延伸，強(qiáng)化了功能，提供了許多額外的支持。

框架

Bootstrap

Bootstrap 是最流行的HTML/CSS/JS 框架，可以幫你創(chuàng)建響應(yīng)式、移動(dòng)端優(yōu)先的頁(yè)面和項(xiàng)目。

Semantic UI

Semantic UI 是一款開(kāi)發(fā)框架，讓你可以使用HTML創(chuàng)建漂亮、響應(yīng)式的布局。

Foundation

Foundation 是一系列響應(yīng)式前端框架，可以幫你更加輕松地設(shè)計(jì)漂亮的響應(yīng)式網(wǎng)頁(yè)、APP頁(yè)面和炫酷的電子郵件。

Uikit

Uikit 是一款輕量級(jí)、模塊化的前端框架，旨在幫助開(kāi)發(fā)者快速設(shè)計(jì)強(qiáng)大的網(wǎng)頁(yè)界面。

Git客戶(hù)端

SourceTree

SourceTree 是一款覆蓋Windows和Mac兩大平臺(tái)的免費(fèi)的Git與Mercurial客戶(hù)端。你可以借助SourceTree 管理所有的本地文件、托管和儲(chǔ)存庫(kù)。

Tower 2

Git Tower 是Mac平臺(tái)上最優(yōu)秀的Git客戶(hù)端，將Git的強(qiáng)大功能和易用性結(jié)合到一起是Mac用戶(hù)選擇Git Tower的主要理由。

Gogs

Gogs 讓幾乎可以在任何Go可以運(yùn)行的平臺(tái)上進(jìn)行編譯：Windows、Mac、Linux、ARM，等等。Gogs 對(duì)于性能的要求并不高，即使是在樹(shù)莓派上都可以流暢運(yùn)行。

GitKraken

GitKraken 是一款漂亮直觀的Git客戶(hù)端，它可以在Windows、Mac和Linux上運(yùn)行。

GitLab

GitLab 可以幫你托管個(gè)人或者公共的免費(fèi)軟件開(kāi)發(fā)項(xiàng)目。