这几年，网上流传的各种设计开发资源质量有了明显的提升。其中一些几乎已经成为设计人员和开发人员的必备工具，但大多数由于应用范围有限或传播不足而未被广泛知晓。将这些材料放在一起主要是希望他们的目标用户能够了解在需要时在哪里可以找到这些工具。这套前端干货合集也很全。如果你仔细看，你总能找到一些你需要的东西。MuzzleAppMuzzle是前CodeKit开发人员的新产品。它是macOS平台上的应用程序。当您与他人共享屏幕时，它可以帮助您关闭通知和其他隐私信息，避免尴尬。无论您是在Skype、GoogleHangouts还是Slack上共享屏幕，它都会将macOS置于“请勿打扰”模式。FracturesFractures是一组CSS类，可以帮助您快速创建网页原型。Fractures是基于原子设计模式构建的，其中样式表被分成小块。CSSDBCSSDB可以为您提供仍在开发中的CSS特性及其当前状态的列表，以便您更好地使用CSS选择器。PreactApache最近宣布禁止向ReactJS和类似项目分发BSD+专利许可，如果您的产品受到类似专利许可的影响，请考虑ReactJS替代品，如Preact。PellPell是一个用于构建所见即所得编辑器的JavaScript库。默认情况下，它带有用于常见富文本编辑器的按钮。Pell是使用ES6构建的。它不需要像jQuery那样大量的依赖库。体积小，可维护性强，兼容IE9。MarkvisMarkdown在语法和功能上有所限制，Markvis在其基础上增加了图表功能。MomentPHPMoment是一个用于处理日期和时间的PHP库，类似于JavaScript的Moment.js。这个库的使用也很简单，可以快速设置时区、时间和显示方式。Tonik是一个使用现代PHP构建的WordPress入门主题，它充分利用了命名空间、自定义模板、自动加载器、WebPack和一大堆现代Web开发优点。AwesomeGuidelines这是一个包含许多编程语言标准的列表，包括C语言、JS、PHP、Ruby，甚至VisualBasic。这些标准可以帮助您保持代码简单和干净。BotUI聊天机器人逐渐成为主流。此JS库可帮助您构建比传统“表单”体验更好的对话式UI。ReactionCommerce的开源内容管理系统这些年来并没有太大的变化，大部分都是基于PHP构建的。TinyReset这是一个非常小的CSS重置器，可以替代EricMeyer创建的reset.css。MartinetMartinet是一个用于构建静态网站的命令行工具，其中包括Webpack、TypeScript、用于模板化的Pug、LESS和NPM等现代工具。它的存在让设计者不用担心网站配置，只需要正常使用Martinet就可以对网站进行调整。BillboardBillboardJS是一个基于D3.js的交互式数据可视化数据库工具，可用于创建可视化直方图、饼图、折线图等。SVGISVGI是一个用于查找SVG元素和文件的命令行工具。安装后，您可以使用svgi命令检索SVG文档的大小、元素、层次结构和节点列表。TimeStrapTimeStrap是另一个非常有用的开源平台，可以像WordPress发票系统一样在任何地方运行和访问。对于喜欢控制并且不想使用外部服务来管理发票的用户来说，这是一个很好的选择。SlateSlate是一个为API文档创建静态网页的工具，被WooCommerce、Travis-、CoinBase甚至NASA等公司使用。FontJoyFontJoy是一款可以生成大量有效字体组合的工具。单击“生成”按钮可生成许多新的字体组合。有趣的是，该工具还具有深度学习功能。CoolHue无疑又一次回归主流，CoolHue是又一款非常优秀的渐变生成工具。FrontPressFrontPress是一个前端框架，可以用来控制WP-API和AngularJS。如果你想为WordPress创建一个内容管理系统，你可以从FrontPress开始。
