服务购

作为 web 开发人员，很有可能你必须总是寻找新的工具和资源。新的工具和资源，不仅使你的工作更方便，也会提高你的工作质量。这将进一步有助于谈成更多的业务和客户。web 开发的趋势总是在不断变化中，这就是为什么我们有必要总是与时俱进。

1. JS Tips

JS Tips 是 JavaScript 技巧的集合，其中有一些关于语法，关于代码效率和性能，还有特别针对框架，如 AngularJS 的内容。新的技巧每天都会增加，目前发布了 50 条。它本质上是一个每个 web 开发人员必备的书签网站。

点击查看源网页

2. Vagrant Manager

Vagrant Manager 是一个 GUI 应用程序用来控制 Vagrant。类似 MAMP，让你可以停止或运行 Vagrant，看哪个 Vagrant 当前正在运行。该应用程序可用于 OS X 和 Windows。

3. Bulma

Bulma 是一个前端框架。该软件包包括一些常见的 UI web 组件，例如导航、下拉菜单、以及网格，网格是完全用 Flexbox 建立的。唯一缺少（至少到目前为止）的功能是 JavaScript 组件。Bulma 组件相对于 Bootstrap更苗条，但它应该足以让你建立一个小型却又有模有样的网站。

4. Gutenberg

Gutenberg，以发明者 Johannes Gutenberg 的名字命名。Gutenberg 是针对设置在 web 上的排版样式规则的集合。样式规则设定基线，字体大小和比例，以及行高。一个伟大的样式库可以让你的网站内容看起来漂亮得多。

5. OkayNav

OkayNav 是一个 jQuery 用来建立一个负责任的导航，而且不仅仅如此。该插件对响应式设计有一个略为不同的看法：视口被调整到更小，每个菜单被逐渐地合并进一个图标中以容忍有限的视口大小。

点击查看源网页

6. New Web Typography

New Web Typography 是一篇深刻的和令人大开眼界的关于排版的文章。它讨论了从书本初期的样式到现今我们在 web 上构建和使用的办法。精心研究后提供了多个插图，并且是经过充分参考的，这篇由 Robin Rendle 写的长篇文章，绝对值得一读，可以帮助你更好地了解排版。

7. Color Safe

Color Safe 是用于 web 的颜色发生器板。不像我们以前提到的这个系列的工具，Color Safe 只会遵守对于颜色无障碍的 WCAG 标准来生成颜色。

8. Accessible Modal Dialog

这是一个很小（仅 0.5KB~）的 JavaScript 库，用来建立一个模式对话框窗口。通过它，用户能够很方便地用键盘和鼠标通过对话框来打开，关闭，以及导航。该软件包是简单的空白 JavaScript，没有样式，你可以自由地塑造你喜欢的任何方式的对话框模式。

9. Mo.js

Mo.js 是 JavaScript 动画库的一个完整的程序包。它配备了若干预置，因此你可以设置并快速运行动画。它采用模块化设计，允许你删除不必要的功能，以保持通顺和流畅。。

10. Particles

这个库可在你的网站添加漂浮的粒子网络，只为了让你的网站立马看上去更酷。粒子可以对光标移动做出反应。反应活动以及如颜色，距离和形状等元素可以通过选择进行配置。