67种有用的工具,库和资源,可节省您作为Web开发人员的时间

67种有用的工具,库和资源,可节省您作为Web开发人员的时间_第1张图片

在本文中,我不会谈论诸如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

你可能感兴趣的:(67种有用的工具,库和资源,可节省您作为Web开发人员的时间)