- 相關(guān)推薦
盤(pán)點(diǎn)設計師必備的實(shí)用工具
小編堅信，無(wú)論你是經(jīng)驗豐富的前端，還是剛剛起步的設計師，你都需要這些實(shí)用工具 、在線(xiàn)服務(wù)、資源和代碼片段。合理的運用能夠讓你的網(wǎng)頁(yè)設計與開(kāi)發(fā)事半功倍。
這次總結的工具總計有40款，它們基本上可以分為8個(gè)大類(lèi)
·靈感與閱讀：這類(lèi)素材通常是設計案例和酷站 ，它們啟發(fā)靈感，給你經(jīng)驗
·網(wǎng)絡(luò )社區：匯集Web開(kāi)發(fā)者和設計師的優(yōu)秀社區
·網(wǎng)頁(yè)測速工具：一些最好的網(wǎ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ù)端：好用不解釋
靈感與閱讀
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è)設計工具的新聞簡(jiǎn)報。
Web Operations Weekly
同樣的，Web Operations Weekly 也是一個(gè)新聞簡(jiǎn)報，每周更新，內容主要關(guān)于網(wǎng)絡(luò )運營(yíng)、網(wǎng)絡(luò )基礎設施、網(wǎng)絡(luò )性能和工具等。
Freshbrewed.co
這個(gè)網(wǎng)站匯集了最新的文章、技術(shù)和最值得閱讀和收藏的網(wǎng)頁(yè)設計開(kāi)發(fā)最佳實(shí)踐。
網(wǎng)絡(luò )社區
Front-end Front
前端開(kāi)發(fā) 者可以在 Front-end Front 提問(wèn)、分享有趣的內容、展示自己的開(kāi)發(fā)項目。
Refind
Refind 替你收納網(wǎng)絡(luò )上最好的網(wǎng)站與鏈接，你每天都可以在這里看到最好的設計項目，獲取靈感。
LinkedIn PHP Developer Group
如果你精通PHP、Mysql、Drupal、Joomla、Zend、Cake、MVC，那么這個(gè)Linkedin社區非常適合你。
網(wǎng)頁(yè)測速工具
Website Speed Test
這是一款頗為實(shí)用的網(wǎng)站測速工具，其中還包含了頁(yè)面預覽功能。
Google Chrome DevTools
Google Chrome DevTools 是內至于谷歌瀏覽器的網(wǎng)頁(yè)制作和調試工具，你可以用它來(lái)遍歷、調試和監測。
Pingdom
Pingdom 的使用方法很簡(jiǎn)單，輸入網(wǎng)站URL就可以測試它的加載時(shí)間。
Google PageSpeed Insights
這款測速工具可以參考最佳實(shí)踐來(lái)分析和優(yōu)化你的網(wǎng)站。
WebPageTest
借助普通瀏覽器你就可以使用WebPage Test 針對全球范圍內任何網(wǎng)站進(jìn)行免費的連接測速。
GTmetrix
GTmetrix 是一個(gè)免費的網(wǎng)頁(yè)連接測速工具，借助PageSpeed 和 YSlow ，GTmetrix 可以幫你針對頁(yè)面進(jìn)行評分。
溝通和項目管理
Slack
Slack 是一款在線(xiàn)的集成團隊溝通工具，它可以通過(guò)實(shí)時(shí)聊天、協(xié)同、歸檔來(lái)管理你的團隊、資源和項目。
Glip
Glip 是一款實(shí)時(shí)對話(huà)/視頻溝通工具，可進(jìn)行任務(wù)管理、文件分享、內容搜索的多功能應用。
Jira
Jira 是一款為敏捷軟件開(kāi)發(fā)團隊提供的靈活的項目管理工具。
Trello
Trello 是一款跨平臺的任務(wù)分配和項目管理工具，無(wú)論是團隊協(xié)同還是制作任務(wù)清單都手到擒來(lái)。
Asana
Asana 是臉譜旗下的團隊協(xié)同、任務(wù)分配和項目管理工具，使用起來(lái)便捷，上手也很快。
代碼共享和編輯器
Codeshare
這是一個(gè)開(kāi)發(fā)者免費分享代碼片段的工具。
Dabblet
這是一個(gè)交互式的CSS測試和代碼共享工具，它還支持保存到Github，以及許多便利的編輯功能。
Beyond Compare
通過(guò)簡(jiǎn)單但強大的命令來(lái)幫你對比文件和文件夾，幫你專(zhuān)注于值得關(guān)注的差異。
StackEdit
StackEdit 是一款基于PageDown的全功能開(kāi)源MarkDown編輯器，Stack Overflow 和其他的Stack exchange 網(wǎng)站常常會(huì )用到它的Markdown 庫。
Mou
這是MacOSX平臺上最好的Markdown編輯器之一，實(shí)時(shí)預覽、同步滾動(dòng)、自動(dòng)保存、自動(dòng)皮拍、自定義主題等多種強大而實(shí)用的功能被納入其中。最重要的是，它對于中文的支持相當不錯。
MarkdownPad
MarkdownPad 是Windows 平臺下的一款全功能 Markdown編輯器。
Sublime Text
Sublime Text 是一款高度可定制的、界面漂亮的代碼編輯器，功能非同凡響，性能也相當不錯，越來(lái)越多的開(kāi)發(fā)者和設計師開(kāi)始著(zhù)迷于Sublime Text。
Dillinger
Dillinger 是一款基于云端、支持移動(dòng)端、可離線(xiàn)存儲的基于A(yíng)ngularJS和HTML5的Markdown編輯器。
Texts
Texts 是一款符文布編輯器，主要存在于Windows 和iOS平臺。
ByWord
ByWord 同樣也是一款Markdown編輯器，它旨在提供更加流暢有趣的編輯體驗。
CSS/HTML
Sass
Sass 是目前最成熟、最穩定，同時(shí)保持功能強大和專(zhuān)業(yè)性的CSS擴展語(yǔ)言。
Stylus
如果已經(jīng)有Node.JS，安裝Stylus 是一件非常輕松的事情，它為Node.js提供強大、功能豐富、性能優(yōu)異的CSS語(yǔ)言支持。
Less
Less 是一款CSS的與處理器，它是CSS語(yǔ)言的延伸，強化了功能，提供了許多額外的支持。
框架
Bootstrap
Bootstrap 是最流行的HTML/CSS/JS 框架，可以幫你創(chuàng )建響應式、移動(dòng)端優(yōu)先的頁(yè)面和項目。
Semantic UI
Semantic UI 是一款開(kāi)發(fā)框架，讓你可以使用HTML創(chuàng )建漂亮、響應式的布局。
Foundation
Foundation 是一系列響應式前端框架，可以幫你更加輕松地設計漂亮的響應式網(wǎng)頁(yè)、APP頁(yè)面和炫酷的電子郵件。
Uikit
Uikit 是一款輕量級、模塊化的前端框架，旨在幫助開(kāi)發(fā)者快速設計強大的網(wǎng)頁(yè)界面。
Git客戶(hù)端
SourceTree
SourceTree 是一款覆蓋Windows和Mac兩大平臺的免費的Git與Mercurial客戶(hù)端。你可以借助SourceTree 管理所有的本地文件、托管和儲存庫。
Tower 2
Git Tower 是Mac平臺上最優(yōu)秀的Git客戶(hù)端，將Git的強大功能和易用性結合到一起是Mac用戶(hù)選擇Git Tower的主要理由。
Gogs
Gogs 讓幾乎可以在任何Go可以運行的平臺上進(jìn)行編譯：Windows、Mac、Linux、ARM，等等。Gogs 對于性能的要求并不高，即使是在樹(shù)莓派上都可以流暢運行。
GitKraken
GitKraken 是一款漂亮直觀(guān)的Git客戶(hù)端，它可以在Windows、Mac和Linux上運行。
GitLab
GitLab 可以幫你托管個(gè)人或者公共的免費軟件開(kāi)發(fā)項目。
【盤(pán)點(diǎn)設計師的工具】相關(guān)文章：
盤(pán)點(diǎn)新西蘭留學(xué)常見(jiàn)的交通工具03-23
盤(pán)點(diǎn)景觀(guān)設計師必看的26本書(shū)03-18
設計師必看的10個(gè)HTML5動(dòng)畫(huà)工具03-11
化妝工具有哪些-化妝工具大全03-11
調酒用到的工具06-10
手繪的基本工具07-05
美甲工具02-28
就職演講技巧盤(pán)點(diǎn)03-27