每个月都会有新工具出炉,以简化Web开发。
Web开发人员的新鲜资源系列已经运行了大约4年 ,并且维护该系列极大地启发了我多年来对Web的了解。
让我们检查一下。
在本期中,我们收集了许多新工具 ,其中包括JavaScript库 , 几个CSS库以及提高技能的参考 。
点击获取更多资源
查找我们推荐资源的全部集合以及可用的最佳Web设计和开发工具。
这是一个简单的应用程序,可让您搜索字幕文件( .srt )以附加到正在观看的视频中。
例如,这个应用程序Caption是在Electron的基础上构建的 。
JavaScript 正在接管桌面应用程序 ,以实现在不同平台上的可移植性,并且与本机应用程序一样好用。

在这里,您可能会发现很多可以通过CLI完成的事情,例如“清除打印队列” , “在Finder中隐藏文件夹”和“防止系统睡眠” 。
适用于macOS的大量有用且方便的命令行 。

它目前仅支持“ NodeJS”。
特雷弗仍处于初期 ;
Travis是一项持续集成服务,开发人员可以在其中测试其软件,以查看该软件在多个环境中是否正常运行。
Trevor只是Travis CI 离线完成的。

这可以帮助您更快地加载网站,尤其是当它包含大图像时。
当浏览器加载完整图片时,小图片将被投放并模糊。
一个不错JavaScript 库,用于逐步加载图像 ,因此得名。

这样,您可以将QR码覆盖在图像(例如照片)上。
这是一种JavaScript, 可减少QR代码的乏味 。

它是Vagrant,Valet,Local和MAMP的绝佳替代品 。
该环境是独立的,并且在进行配置后不会影响您的计算机系统。
WP Docker是专门设计用于开发WordPress的Docker环境 。

它是轻量级的,运行速度极快,并且不需要像jQuery这样的依赖项,因此它是该类别下其他库(例如Parallax.js或Scrollax.js)的绝佳替代品。
它带有很少的选项,并且相对容易配置。
Rellax是一个JavaScript库,用于在页面滚动时创建视差效果 。

它能够解析和读取您的网站 ,最终可以为可见性受损的用户提高您的网站可访问性。
Articulate将综合声音带入您的网站。
另一个很棒JavaScript库。

就像使用jQuery一样容易。
MonetizeJS是一个JavaScript库,可轻松实现Stripe ;

您可以直接在浏览器中用来构建移动应用程序应用原型 。
它包含许多通常在移动设备中找到的UI组件,包括Checkbox,Search Form,Swiper和所谓的Accordion 。
Vonic是使用Vue.js和Ionic CSS构建的移动 UI的集合。

该组件包括导航,选项卡,工具提示,Common和Blogrol 。
与其他仅提供CSS和HTML代码的UI库不同,10Up还提供了PHP代码段,您可以将其粘贴到主题中。
WordPress中最著名的名字之一10up发布了专门为WordPress设计的UI库。

我鼓励您通读它以提高您JavaScript技能 。
Google工程师之一Addy Osmani撰写的一篇精妙而详尽的文章 ,内容涉及如何编写运行速度非常快JavaScript。

它具有扩展功能和其他工具,可以在CSS,SVG甚至是jQuery插件中应用动画,以实现更方便的语法。
它正在快速而高效地消耗内存。
Kute是一个执行动画的JavaScript库 。

要从Google了解有关PWA的更多信息,请查看: Progressive Web Apps 。
此PWA Rocks列出了Google批准的PWA。
渐进式Web应用程序(PWA)是一种允许网站快速运行且可离线使用的方法 。

对于开发人员来说,这是一个方便的脚本,用于为其客户端维护插件,而不必将其上载到Github存储库 。
Github Auto-Updater是Composer库,可从Github更新您的插件 。

它与jQuery,React,Angular和Ember一起很好地工作 。
Card是一个JavaScript库,可使信用卡输入更具吸引力,并在输入信用卡号时改善用户体验。

您还可以使用提供的API 生成自己的网格规范 。
Graaf在您的页面上提供覆盖,以查看网格(列,行,装订线)的布局方式。

您可以通过NPM,Bower安装此库,也可以直接从CDN链接样式表 。
只需添加样式表并正确添加HTML。
Luxbar是一个CSS框架,可以轻松创建响应式导航 ;

您可以更改表格上的值,并快速确定颜色组合是否符合WCAG标准。
下表列出了基于WCAG 2.0的颜色对比度及其可访问性等级 。

我想这个库对于构建基于网络的乐器模拟器或游戏音效会派上用场。
ToneJS是一个JavaScript库,用于创建可能来自乐器的音调或声音 。

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-02-2017/