每个月都会新工具出炉,以简化Web开发。

Web开发人员新鲜资源系列已经运行了大约4年 ,并且维护该系列极大地启发了我多年来对Web的了解。

让我们检查一下。

在本期中,我们收集了许多新工具 ,其中包括JavaScript库几个CSS库以及提高技能的参考

这是一个简单的应用程序,可让您搜索字幕文件( .srt )以附加到正在观看的视频中。

例如,这个应用程序Caption在Electron的基础上构建的

JavaScript 正在接管桌面应用程序 ,以实现在不同平台上的可移植性,并且与本机应用程序一样好用。

Web设计人员和开发人员的新鲜资源(2017年2月)

在这里,您可能会发现很多可以通过CLI完成的事情,例如“清除打印队列”“在Finder中隐藏文件夹”“防止系统睡眠”

适用于macOS大量有用且方便的命令行

Web设计人员和开发人员的新鲜资源(2017年2月)

它目前仅支持“ NodeJS”。

特雷弗仍处于初期 ;

Travis是一项持续集成服务,开发人员可以在其中测试其软件,以查看该软件在多个环境中是否正常运行。

Trevor只是Travis CI 离线完成的。

Web设计人员和开发人员的新鲜资源(2017年2月)

可以帮助您更快地加载网站,尤其是当它包含大图像时。

当浏览器加载完整图片时,小图片将被投放并模糊。

一个不错JavaScript 库,用于逐步加载图像 ,因此得名。

Web设计人员和开发人员的新鲜资源(2017年2月)

这样,您可以将QR码覆盖在图像(例如照片)上。

这是一种JavaScript, 可减少QR代码的乏味

Web设计人员和开发人员的新鲜资源(2017年2月)

它是Vagrant,Valet,Local和MAMP绝佳替代品

该环境是独立的,并且在进行配置后不会影响您的计算机系统。

WP Docker是专门设计用于开发WordPressDocker环境

Web设计人员和开发人员的新鲜资源(2017年2月)

它是轻量级的,运行速度极快,并且不需要像jQuery这样的依赖项,因此它是该类别下其他库(例如Parallax.js或Scrollax.js)的绝佳替代品。

它带有很少的选项,并且相对容易配置。

Rellax是一个JavaScript库,用于在页面滚动时创建视差效果

Web设计人员和开发人员的新鲜资源(2017年2月)

能够解析和读取您的网站 ,最终可以为可见性受损的用户提高您的网站可访问性。

Articulate将综合声音带入您的网站。

另一个很棒JavaScript库。

Web设计人员和开发人员的新鲜资源(2017年2月)

就像使用jQuery一样容易。

MonetizeJS是一个JavaScript库,可轻松实现Stripe

Web设计人员和开发人员的新鲜资源(2017年2月)

您可以直接在浏览器中用来构建移动应用程序应用原型

它包含许多通常在移动设备中找到的UI组件,包括Checkbox,Search Form,Swiper和所谓的Accordion

Vonic使用Vue.js和Ionic CSS构建移动 UI的集合。

Web设计人员和开发人员的新鲜资源(2017年2月)

该组件包括导航,选项卡,工具提示,Common和Blogrol

与其他仅提供CSS和HTML代码的UI库不同,10Up还提供了PHP代码段,您可以将其粘贴到主题中。

WordPress中最著名的名字之一10up发布了专门为WordPress设计的UI库。

Web设计人员和开发人员的新鲜资源(2017年2月)

我鼓励您通读它以提高您JavaScript技能

Google工程师之一Addy Osmani撰写的一篇精妙详尽的文章 ,内容涉及如何编写运行速度非常快JavaScript。

Web设计人员和开发人员的新鲜资源(2017年2月)

它具有扩展功能和其他工具,可以在CSS,SVG甚至是jQuery插件中应用动画,以实现更方便的语法。

它正在快速而高效地消耗内存。

Kute是一个执行动画JavaScript库

Web设计人员和开发人员的新鲜资源(2017年2月)

要从Google了解有关PWA的更多信息,请查看: Progressive Web Apps

此PWA Rocks列出了Google批准的PWA。

渐进式Web应用程序(PWA)是一种允许网站快速运行且可离线使用的方法

Web设计人员和开发人员的新鲜资源(2017年2月)

对于开发人员来说,这是一个方便的脚本,用于为其客户端维护插件,而不必将其上载到Github存储库

Github Auto-Updater是Composer库,可从Github更新您的插件

Web设计人员和开发人员的新鲜资源(2017年2月)

与jQuery,React,Angular和Ember一起很好地工作

Card是一个JavaScript库,可使信用卡输入更具吸引力,并在输入信用卡号时改善用户体验。

Web设计人员和开发人员的新鲜资源(2017年2月)

您还可以使用提供的API 生成自己的网格规范

Graaf在您的页面上提供覆盖,以查看网格(列,行,装订线)的布局方式。

Web设计人员和开发人员的新鲜资源(2017年2月)

您可以通过NPM,Bower安装此库也可以直接从CDN链接样式表

只需添加样式表并正确添加HTML。

Luxbar是一个CSS框架,可以轻松创建响应式导航 ;

Web设计人员和开发人员的新鲜资源(2017年2月)

您可以更改表格上的值,并快速确定颜色组合是否符合WCAG标准。

列出了基于WCAG 2.0的颜色对比度及其可访问性等级

Web设计人员和开发人员的新鲜资源(2017年2月)

我想这个库对于构建基于网络的乐器模拟器或游戏音效会派上用场。

ToneJS是一个JavaScript库,用于创建可能来自乐器的音调或声音

Web设计人员和开发人员的新鲜资源(2017年2月)

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

相关文章:

  • 2021-07-15
  • 2021-05-28
  • 2021-06-29
  • 2021-11-03
  • 2021-03-29
  • 2021-10-03
  • 2021-08-05
  • 2021-07-01
猜你喜欢
  • 2021-08-13
  • 2021-10-17
  • 2021-04-05
  • 2021-09-30
  • 2021-06-02
  • 2021-09-04
  • 2021-05-17
相关资源
相似解决方案