Javascript libraries

Particles.js?—?创建悬浮例子

Three.js?—?3d对象创建库

Fullpage.js—?全屏滚动条

Typed.js?—?打字机效果

Waypoints.js?—?当你滚动到一个对象上时触发一个方法

Highlight.js?—代码高亮工具

Chart.js?—?漂亮的图表库

Instantclick?—?大大提升网页加载效率，在鼠标悬停时预加载资源

Chartist?—? 图表库

Motio —— 实现基于 sprite 的动画和平移效果的库。

Animstion —— css 动画页面切换效果的 JQuery 插件

Barba.js —— 流畅和平滑的页面过渡效果。

TwentyTwenty —— 一个视觉差异工具，突出两个图像之间的差异。

Vivus.js —— 用于在 SVG 上绘制动画的库。

Wow.js —— 滚动时显示动画。

Scrolline.js —— 显示页面的滚动进度条。

Velocity.js —— 快速、平滑的 JavaScript 动画。

Animate on scroll —— 另一个滚动显示动画的库。

Handlebars.js —— JavaScript 模版。

jInvertScroll —— 轻量级的水平视差插件。

One page scroll —— 与 FullPage 类似。

Parallax.js —— 视觉引擎，对智能设备的方向做出反应。

Typeahead.js —— 自动匹配搜索。

Dragdealer.js —— 相当酷的实现拖动效果的库。

Bounce.js? —— 创建炫酷的 CSS3 动画。

Pagepiling.js —— 又一个 one page scroll.

Multiscroll.js? —— 实现多列滚动面板效果。

Favico.js —— 动态图标。

Midnight.js? —— 无缝切换固定标题。

Anime.js? —— 动画库。

Keycode —— 获得按键的 JavaScript 键码。

Sortable —— 拖动排序控件。

Flexdatalist —— 输入补全。

Slideout.js? —— 在网页上实现抽屉效果的侧边导航栏。

Jquerymy —— 使用 jquery 的两种数据绑定方式。

Cleave.js? —— 格式化输入内容。

Page —— 小型客户端路由库。

Selectize.js —— 用于添加标签的选择框。

Nice select —— 用于创建奈斯型选择框。

Tether —— 可以有效地固定绝对定位的元素。

Shepherd.js —— 实现指导用户使用应用的效果。

Tooltip —— 提示信息。

Select2 —— 丰富的自定义选择框。

IziToast —— 容易实现的 JS 通知。

IziModal —— 容易实现的 JS 弹窗。

CSS libraries / Design stuff

Animate.css?—?动画库

Flat UI Colors?—?扁平ui设计色卡

Material design lite—轻量级Material design

Materialui.co?—?有很多Material design资源

Colorrrs?—随机颜色

Section separators?—?Css 分割先

Topcoat?—?Framework

Create ken burns effect?—?css3火焰效果

DynCSS?—?给css添加函数，使之变成可动态调整

Magic animations?—?魔法动画

CSSpin?—?css动画悬着

Feather icons?—?Icons

Ion icons?—?Icons

Font awesome?—?Icons

Font generator?—字体生成器

On/Off switch?—?开关

UI Kit?—?Framework

Bootstrap?—?Framework

Foundation?—?Framework

Useful products / links

Ghost?—?基于node.js博客平台

What runs?—?chrome插件，可以查看网站使用的是 什么前端技术

Learn anything?—?思维导图学习各种资源

传送门:hackernoon.com/67-useful-tools-libraries-and-resources-for-saving-your-time-as-a-web-developer-7d3fb8667030