web项目开发人员配比_Web设计人员和开发人员的新鲜资源（2014年12月）

编者注：我们已经到了年底。 2014年最后一个月，我们正在研究Daniel Pataki的一轮资源。

开发人员的工具带应始终包含很多项目，但永远不应被视为最终且不可更改。 开发人员每天都在创建出色的工具。 其中一些继续取得了巨大的成功，例如Foundation框架或Twitter Bootstrap，但有些仍然是钻石。

为了结束美好的一年，我将介绍一些非常实用的工具，这些工具已被证明非常适合我自己使用。 从文档创建到加载程序元素，这是适用于所有Web开发人员的实用工具集合 。

Daux.io

Daux.io是一个功能强大的文档生成器 。 它是完全免费的，可以在Github上找到源代码。 您可以根据需要在Web服务器或Grunt上运行文档 。

功能列表很长， 内置了对Github风格的markdown的支持 ，文件编辑器，Google Analytics（分析）和许多其他功能。 可以在大多数项目中为您提供帮助。 [ 在这里得到 ]

拉达

用创建者自己的话说，Ladda是“ 一个将加载指示符合并到调用它们的动作中的UI概念 ”。 Ladda使您能够为按钮创建很棒的交互指示器。

提供了多种尺寸和动画 。 我特别喜欢按钮中内置的进度条。 [ 在这里得到 ]

Revaxarts主题记录器

该项目由许多Themeforest作者使用，但可以用于任何文档目的 。 它的在线界面使您可以轻松地整理文档，并且它具有出色HTML5技术，可以将它们存储在本地计算机上。

另外，您可以启用自动保存功能，然后随时返回以完成文档。 此外，它还具有json导入和导出功能以及主题修改功能 ，使您可以很好地根据公司的颜色对其进行定制。 [ 在这里得到 ]

Unicode表

当您想添加键盘上通常找不到的特定字符时，Unicode字符可以提供很大的帮助。 您应该始终小心添加箭头和其他元素，因为屏幕阅读器可能无法很好地处理它们，但在某些情况下，它们仍然是最有效的解决方案。 这个Unicode表是我的最爱，因为它使我可以使用简单的英语（例如“ circle”或“ arrow”）进行搜索，并获得一个不错的结果列表。 [ 在这里得到 ]

WordPress插件样板

WordPress插件样板现在是第三次迭代。 这是创建模块化WordPress插件的样板 。 它试图对您施加更严格的体系结构，这将导致更好的代码。 因此，导致所有程序员的平等理解。 它采用了一种面向对象的方法 ，在所有经过程序编码的插件中都充满了新鲜感。 [ 在这里得到 ]

CSS准则

CSS准则基本上是一组用于编写CSS的规则和最佳实践 。 它是由前端建筑师Harry Roberts撰写的，他非常了解他的东西。 目的是使您CSS尽可能清晰，以便每个人都可以一目了然。

这些规则涵盖了从语法和注释到命名约定，专用性和体系结构原则的所有内容 。 如果其中的一些烦恼不担心，请尝试保持您可以理解的内容，您的代码将变得更好！ [ 在这里得到 ]

Spinkit

Spinkit是载入动画的另一项内容， 它为简单元素提供了很棒CSS转换 。 无论您是使用它们进行加载还是进行交互，它们都很容易从网站上抢下来，然后自己制作。 [ 在这里得到 ]

随机用户生成器

由于随机用户生成器是功能齐全的API，因此您可以将其作为动态工具内置到您的应用程序开发需求中。 无需每次都去网站生成测试数据。

它使用快速而安全的连接将电子邮件，地址头像，姓名以及所有这些好东西吐回来 。 与AJAX一起以编程方式使用它非常简单且易于理解，这对于您的下一个项目不应该忘记！ [ 在这里得到 ]

jQuery插件样板

jQuery插件样板是jQuery插件的入门模板，该模板始终采用良好做法。 许多开发人员在事后都会学习Javascript，因此往往会编写质量较低的代码。

通过使用样板，您已经遵循其布局的一些简单规则编写了更好的代码。 插件如何初始化，如何添加功能等等。 您还可以通过该网站获得最新版本。 [ 在这里得到 ]

正则表达式101

正则表达式的复杂性和测试的难度使许多人害怕正则表达式。 正则表达式101通过允许在浏览器中测试正则表达式来帮助我们。

还提供诸如解释，提示，匹配解释等工具。 我发现这是一个非常有价值的工具，因为我自己对regex有点挣扎，但是这个工具可以帮助我更快地找到答案！ [ 在这里得到 ]

字体很棒

在网络上所有可用的图标字体中，“真棒字体”是我最喜欢的资源。 它是完全免费的，会定期更新，目前有450多个图标 。 我经常在从设计到主题演讲到网站的广泛项目中使用它。

由于它是适当的字体，因此您可以将其嵌入任何功能强大的应用程序中，从而使其成为非常灵活和可移植的选项。 一定要检查出小抄为复制pastable图标，类名和十六进制代码的完整列表。 [ 在这里得到 ]

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-12-2014/