有趣的是，我发现其中一些工具和框架来自像微软和阿里巴巴这样的庞然大物。
在本文中，我们提供了一个针对Web开发的列表框架和工具。
让我们看一下本月汇编的内容。
这是一个好兆头，因为越来越多的公司正在为开源做出贡献，并帮助打造更好的Web。
点击获取更多资源
查找我们推荐资源的全部集合以及可用的最佳Web设计和开发工具。
如果您发现像Bootstrap和Foundation这样的流行框架不胜枚举 ， 那么Cutestrap可能是您的理想选择。
它带有所有最常见的Web界面，例如表单，导航和按钮，在许多情况下应该足够了。
建立在Sass之上的UI框架。
对于那些调试和测试现代Web应用程序的人员来说，这是一个方便的工具。
HTML5测试是一个在线工具，它将测试浏览器支持最新HTML5规范的程度。
一个出色的微型工具，可帮助您优化网站性能。
它扫描加载的文件及其对页面总重量的贡献。
浏览器卡路里是一个Chrome扩展程序，用于衡量网页的权重。
它带有模块，UI组件，其自己的DevTools和CLI，它们专门针对移动环境并加快了开发速度。
Weex是阿里巴巴的框架，用于仅使用HTML，CSS和JavaScript来构建移动应用程序。
我认为Material Design Lite终于遇到了一个平等的竞争者。
除了UI组件外，该框架还为Colors ， Typography和Animation的使用提供了指导。
MWF中的UI组件来自Microsoft的框架，是基于Microsoft Modern设计语言构建的：扁平，简洁和简约。
它是轻量级的，没有JavaScript，并且本身是Rogue –一种基于Ruby的语法。
Vital是一个具有非常令人愉悦的最小接口的框架。
您可以从Photoshop中搜索字体，进行预览，然后将字体直接应用到设计中，从而简化工作流程。
Fontea是免费的Photoshop扩展程序，可轻松管理和应用数百种Google字体。
像Drizzle这样的样式指南生成器将使您与您的网站样式保持一致。
它将生成诸如颜色，组件的基本样式或布局以及代码段之类的内容。
此工具使您可以为网站构建UI模式或样式指南。
它附带了广泛的指南和大量示例，可帮助您开始使用该工具。
InterCoolerJS是一个JavaScript库，使您在网站上应用AJAX就像添加HTML属性一样容易。
可以使用Bower将Picla安装为您的网站依赖项。
它提供了一些选项，可让您向标签添加自定义样式和动作。
Picla是一个jQuery插件，用于显示从图像alt属性检索的图像标签。
它轻巧，反应灵敏且适合视网膜使用。
例如，您可以自定义动画，文本内容，颜色。
IziModal有很多个性化选项。
这是一个jQuery插件，用于显示模式弹出窗口。
它将以压缩包的形式编译和配置您需要的所有内容，以供下载。
转到网站，然后选择要用作网站基础的工具和库（Node.js，HTML5，Vanilla JavaScript和Electron）。
MegaBoilerplate是生成器，用于快速设置开发堆栈。
许多功能 ，模块化，并且无需外部库即可使用。
作为一个使用Web Audio API来显示现代音频播放器的 JavaScript库， Howler在与IE9相同的浏览器中运行，并支持许多音频编解码器，例如MP3，WEBM，WAV。
参见演示 。
它支持多种来源，包括Youtube，Flickr，Vine，VideoPress和DailyMotion。
SuperEmbed是一个很小JavaScript库，它使嵌入式对象能够响应，同时保持原始比例。
使用此库可提供更好的用户体验。
例如，它可以在货币输入中添加千位分隔符，在信用卡号输入中添加空格，或在日期输入中添加/ 。
Cleave是JavaScript库，可自动格式化输入中的值。
我输入随机文本，然后查看系统上哪种字体看起来最好。
我发现此应用程序比在macOS中使用FontBook应用程序更方便。
FlippingTypical允许您查看系统上安装的所有字体。
您可以观看此视频，以了解此IDE有多酷。
它最初是一个KickStarter项目，得到了WordPress创始人马特·穆伦维格（Matt Mullenweg）的支持，并最终开源。
我认为值得探索的新IDE。
这个程序是免费的。
它还支持JPG，GIF，PNG和SVG。
Compressor是一个网络应用程序，可将图像文件压缩到最小尺寸而不会损失视觉质量。
试试看！
该工具将列出一份报告，告诉您关于您的网站的任何不正确信息以及如何继续解决该问题。
这是Microsoft提供的一种便捷工具，可以分析您的网站是否存在浏览器兼容性和可访问性等问题。
如果您不需要WordPress中的博客功能，则它是适合您的插件。
顾名思义，此插件将删除博客功能，例如帖子，评论和摘要。
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-08-2016/