67种有用的工具，库和资源，可节省您作为Web开发人员的时间
在本文中，我不会谈论诸如React，Angular，Vue之类的大型前端框架……也不会谈论诸如Atom，VS Code，Sublime之类的流行代码编辑器……我只想分享我认为对加速有用的一系列工具 。开发人员的工作流程。
有些人可能已经看过其中大多数，但是如果有人发现了一些新的有用的东西，我感到很高兴。
此列表包含许多不同的资源，因此我将按组进行组织。
JavaScript库
Particles.js —一个用于在网页上创建漂亮的浮动粒子的库
Three.js —用于在网页上创建3d对象和空间的库
Fullpage.js —易于实现的全页滚动功能
Typed.js —打字机效果
Waypoints.js —滚动到某个元素时触发一个函数
Highlight.js — Web的语法突出显示
Chart.js —仅使用JavaScript制作漂亮的图表
Instantclick-大大加快了您的网站加载时间，在鼠标悬停时预加载了资源
图表专家 -另一个图表库
Motio —一个用于基于精灵的动画和平移的库
Animstion —用于CSS动画页面过渡的Jquery插件
Barba.js — 流畅的页面过渡
TwentyTwenty —视觉差异工具
Vivus.js —用于在SVG上制作绘图动画的库
Wow.js —滚动时显示动画
Scrolline.js —查看您滚动了多少，直到页面结束
Velocity.js —非常快速，流畅的javascript动画
滚动动画 –非常简单
Handlebars.js — Javascript模板
jInvertScroll —视差滚动
一页滚动 —再次是一页滚动库
Parallax.js —对智能设备的方向做出反应的视差引擎
Typeahead.js —搜索完成
Dragdealer.js —非常酷的拖动库
Bounce.js —创建很棒的CSS3动画
Pagepiling.js —一页滚动
Multiscroll.js —将网站多滚动到两个垂直滚动面板中
Favico.js —动态图标
Midnight.js —动态切换固定标头
Anime.js —动画库
键码 -获取所按下按钮的javascript键码
可排序 -拖放
Flexdatalist —自动完成
Slideout.js —移动应用程序的滑出导航菜单
Jquerymy —使用jquery的两种方式的数据绑定
Cleave.js —键入时格式化内容
页面 -单页面应用程序的客户端路由
Selectize.js —用于添加标签的混合选择框
不错的选择 —用于创建漂亮的选择框的jQuery库
系绳 -有效地连接绝对定位的元素
Shepherd.js —引导用户浏览您的应用
工具提示 -名称不言而喻
Select2 —选择框的jQuery替换
IziToast —易于实现的js通知
IziModal —易于实现的js模式
CSS库/设计资料
Animate.css —动画库
平面UI颜色 -简单有效的主色列表
材质设计精简版 —基于Google的材料设计的框架
Materialui.co —用于材料设计框架的许多资源
Colorrrs —随机颜色生成器
段分隔符 -CSS段分隔符
面漆 —框架
创建 Ken Burns 效果 —使用CSS3动画制作Ken Burns效果
DynCSS —向CSS添加功能，使其动态
魔术动画 -名称不言而喻
CSSpin — CSS微调器的集合
羽毛图标 —图标
离子图标 —图标
很棒的字体 —图标
字体生成器 —组合多种字体并创建混合字体
开/关开关 —在CSS中创建开/关开关，适用于检查或单选按钮
UI套件 -框架
Bootstrap —框架
基础 -框架
小部件 — HTML模板集合
有用的产品/链接
Capsulelink-将链接分组，保存和发送为一个
备忘单 —可能包含在标记中的所有内容的列表
Ghost —基于node.js的简单博客平台
运行方式 -Chrome插件可发现用于构建网站的技术
学任何东西 —分解特定主题的强大思维导图
这是我个人使用了一段时间的一些工具/框架/库的列表。
随时在Twitter上与我联系 并在那里分享您的一些发现。
From: https://hackernoon.com/67-useful-tools-libraries-and-resources-for-saving-your-time-as-a-web-developer-7d3fb8667030