超赞！值得网页设计师&前端收藏的实用工具列表

无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段，都是为你而生的，合理的运用能够让你的网页设计与开发事半功倍。

这次总结的工具总计有40款，它们基本上可以分为8个大类

接下来，Enjoy！

WebToolsWeekly是一个专注与前端开发和网页设计工具的新闻简报。

同样的，WebOperationsWeekly也是一个新闻简报，每周更新，内容主要关于网络运营、网络基础设施、网络性能和工具等。

Refind替你收纳网络上最好的网站与链接，你每天都可以在这里看到最好的设计项目，获取灵感。

如果你精通PHP、Mysql、Drupal、Joomla、Zend、Cake、MVC，那么这个Linkedin社区非常适合你。

这是一款颇为实用的网站测速工具，其中还包含了页面预览功能。

GoogleChromeDevTools是内至于谷歌浏览器的网页制作和调试工具，你可以用它来遍历、调试和监测。

这款测速工具可以参考最佳实践来分析和优化你的网站。

借助普通浏览器你就可以使用WebPageTest针对全球范围内任何网站进行免费的连接测速。

GTmetrix是一个免费的网页连接测速工具，借助PageSpeed和YSlow，GTmetrix可以帮你针对页面进行评分。

Slack是一款在线的集成团队沟通工具，它可以通过实时聊天、协同、归档来管理你的团队、资源和项目。

Jira是一款为敏捷软件开发团队提供的灵活的项目管理工具。

Trello是一款跨平台的任务分配和项目管理工具，无论是团队协同还是制作任务清单都手到擒来。

Asana是Facebook旗下的团队协同、任务分配和项目管理工具，使用起来便捷，上手也很快。

这是一个交互式的CSS测试和代码共享工具，它还支持保存到Github，以及许多便利的编辑功能。

StackEdit是一款基于PageDown的全功能开源MarkDown编辑器，StackOverflow和其他的Stackexchange网站常常会用到它的Markdown库。

这是MacOSX平台上最好的Markdown编辑器之一，实时预览、同步滚动、自动保存、自动皮拍、自定义主题等多种强大而实用的功能被纳入其中。最重要的是，它对于中文的支持相当不错。

MarkdownPad是Windows平台下的一款全功能Markdown编辑器。

SublimeText是一款高度可定制的、界面漂亮的代码编辑器，功能非同凡响，性能也相当不错，越来越多的开发者和设计师开始着迷于SublimeText。

Dillinger是一款基于云端、支持移动端、可离线存储的基于AngularJS和HTML5的Markdown编辑器。

Texts是一款符文布编辑器，主要存在于Windows和iOS平台。

ByWord同样也是一款Markdown编辑器，它旨在提供更加流畅有趣的编辑体验。

Sass是目前最成熟、最稳定，同时保持功能强大和专业性的CSS扩展语言。

如果已经有Node.JS，安装Stylus是一件非常轻松的事情，它为Node.js提供强大、功能丰富、性能优异的CSS语言支持。

Less是一款CSS的与处理器，它是CSS语言的延伸，强化了功能，提供了许多额外的支持。

Bootstrap是最流行的HTML/CSS/JS框架，可以帮你创建响应式、移动端优先的页面和项目。

SemanticUI是一款开发框架，让你可以使用HTML创建漂亮、响应式的布局。

Foundation是一系列响应式前端框架，可以帮你更加轻松地设计漂亮的响应式网页、APP页面和炫酷的电子邮件。

Uikit是一款轻量级、模块化的前端框架，旨在帮助开发者快速设计强大的网页界面。

SourceTree是一款覆盖Windows和Mac两大平台的免费的Git与Mercurial客户端。你可以借助SourceTree管理所有的本地文件、托管和储存库。

GitTower是Mac平台上最优秀的Git客户端，将Git的强大功能和易用性结合到一起是Mac用户选择GitTower的主要理由。

Gogs让几乎可以在任何Go可以运行的平台上进行编译：Windows、Mac、Linux、ARM，等等。Gogs对于性能的要求并不高，即使是在树莓派上都可以流畅运行。

GitKraken是一款漂亮直观的Git客户端，它可以在Windows、Mac和Linux上运行。