JavaScript和CSS实用工具、库与资源
JavaScript和CSS实用工具、库与资源
JavaScript 库
- Particles.js - 一个用于在网页上创建漂亮的浮动粒子的 JS 库;
- Three.js - 用于在网页上创建 3D 物体与空间的 JS 库;
- Fullpage.js - 易于实现全屏滚动功能的库;
- Typed.js - 实现打字机效果;
- Waypoints.js - 滚动到元素触发事件的库;
- Highlight.js - 页面上语法高亮显示;
- Chart.js - 纯 JS 制作漂亮的图表;
- Instantclick - 鼠标悬停预先加载页面资源,大大加速你的网站响应速度;
- Chartist - 开源响应式图表库;
- Motio - 基于 sprite 的动画和平移库;
- Animstion - 页面切换动画的 jQuery 插件;
- Barba.js - 创建页面间流畅平滑的过渡效果;
- TwentyTwenty - jQuery 视差插件;
- Vivus.js - 可以执行 SVG 路径动画的轻量级 JS 库;
- Wow.js - 页面滚动时展现动画效果;
- Scrolline.js - 页面滚动时显示滚动进度的 jQuery 插件;
- Velocity.js - 用于加速 JavaScript 动画;
- Animate on scroll - 页面滚动时增添元素动画的小型库;
- Handlebars.js - JavaScript 模板引擎;
- jInvertScroll - 轻量级的 jQuery 水平视差插件;
- One page scroll - 实现苹果风格单页滚动效果的 jQuery 插件;
- Parallax.js - 轻量级的视差引擎,能够对智能设备的方向作出反应;
- Typeahead.js - 搜索框自动补全的 JS 库;
- Dragdealer.js - 基于拖动的 JavaScript 组件;
- Bounce.js - 快速创建漂亮的 CSS3 动画效果;
- Pagepiling.js - 创建全屏滚动效果;
- Multiscroll.js - 创建两列垂直反向滚动效果的 jQuery 插件;
- Favico.js - 动态图标插件;
- Midnight.js - 固定头部切换效果;
- Anime.js - JavaScript 动画引擎;
- Keycode - 获取键盘按键的 JS 键码值;
- Sortable - 用于拖拽排序的 JavaScript 库;
- Flexdatalist - 支持
<datalist>
的 jQuery 自动完成插件; - Slideout.js - 实现滑出式 Web App 导航菜单;
- Jquerymy - 实时、复杂的双向数据绑定 jQuery 插件;
- Cleave.js - 自动格式化表单输入框的文本内容;
- Page - 构建单页应用的小型客户端路由库;
- Selectize.js - 基于 jQuery 的
<select>
UI 控件,用于创建tag
标签输入框和 select 下拉框; - Nice select - 创建漂亮下拉框的 jQuery 插件;
- Tether - 使用绝对定位创建两个互相相关元素的 JS 库;
- Shepherd.js - 创建新手引导的 JS 库;
- Tooltip - 工具提示插件;
- Select2 - 基于 jQuery 的替代选择框;
- IziToast - 轻量的跨浏览器响应式消息通知插件;
- IziModal - 炫酷的 jQuery 模态窗口插件。
CSS 库与设计资源
- Animate.css - 强大的 CSS3 动画库;
- Flat UI Colors - 漂亮的扁平化配色;
- Material Design Lite - 基于谷歌 Material Design 的前端框架;
- Colorrrs - 随机颜色生成器;
- Section separators - CSS 区域分割;
- Topcoat - 专注为简洁、快速的 Web 应用提供 CSS 开发的工具;
- Create Ken Burns Effect - 利用 CSS3 实现的 Ken burns 特效;
- DynCSS - 用于分析 CSS
-dyn-
属性规则,并使其具备动态属性; - Magic animations - 具备特殊动效的 CSS3 动画;
- CSSpin - 丰富的 CSS 加载动画;
- Feather icons - 简单、漂亮的开源图标库;
- Ion icons - 专为 Ionic 框架设计的图标字体;
- Font Awesome - 可缩放的矢量图标字库;
- Font Generator - 在线字体生成器;
- On/Off FlipSwitch - 在线创建纯 CSS3 动画开关效果;
- UIkit - 轻量级的模块化前端框架;
- Bootstrap - 著名的前端框架;
- Foundation - 著名的前端框架。
有用的产品/链接
- <head> Cheatsheet - 可以写入到
<head>
标签的内容清单;(译者注:中文翻译版地址) - Ghost - 基于 Node.js 的简易博客平台;
- What runs - 用于网站技术分析的 Chrome 插件;
- Learn anything - 用于分解项目的强大思维导图。
以上就是常用的一些前端工具、框架、库的列表,
来自:http://www.jianshu.com/p/c95e400e43b6
JavaScript和CSS实用工具、库与资源的更多相关文章
- 67 个JavaScript和CSS实用工具、库与资源
在这篇文章中,我不会与大家谈论大型的前端框架,如 React.Angular.Vue 等,也没有涉及那些流行的代码编辑器,如 Atom.VS Code.Sublime,我只想与大家分享一个有助于提升开 ...
- Lodash JavaScript 实用工具库
地址:https://www.lodashjs.com/ Lodash 是一个一致性.模块化.高性能的 JavaScript 实用工具库.
- JavaScript 实用工具库 : lodashjs
首页地址:https://www.lodashjs.com/
- 8个提高效率的CSS实用工具
CSS,也就是Cascading Style Sheets,推出于1997年,差不多是17年前,至此为我们开发网页大开方便之门,协助我们制作出一个又一个惊艳绝伦的网站设计和模板,提升了我们的创造能力, ...
- lodash (js实用工具库)
是什么? 它提供了一整套函数式编程的实用功能, 并且支持模块化, 比underscore更优秀. 文档? http://lodashjs.com/docs/ 引用? <script src=&q ...
- js工具库---Lodash
Lodash是一个一致性.模块化.高性能的 JavaScript 实用工具库 为什么选择 Lodash ? Lodash 通过降低 array.number.objects.string 等等的使用难 ...
- iOS商品详情、ffmpeg播放器、指示器集锦、自定义圆弧菜单、实用工具等源码
iOS精选源码 电商商品详情 Swift.两种方式实现tableViewCell拖拽功能 ffmpeg+openGL播放器 微信聊天表情雨.表情下落.表情动画 iOS指示器集锦 弹窗增加 picker ...
- 3 月 15 个有意思的 JavaScript 和 CSS 库
Tutorialzine 旨在让你了解最新最酷的 Web 发展趋势.这就是我们每个月为何都会发布一些我们偶然发现并认为值得你关注的优秀资源的原因. BasicScroll https://github ...
- 2018年你需要知道的13个JavaScript工具库
译者按: 你可能已经用到Underscore或者Lodash.本文列举了13个常用的JavaScript工具库来提高开发效率. 原文: 11 Javascript Utility Libraries ...
随机推荐
- Unhandled 'error' event
events.js: throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE at errnoException (net.js ...
- hadoop的理解
知乎上有个人写的感觉挺好理解的,不知道对不对,先截图存着
- HDU 1431
可以先找出回文数,再用素数测试来判是否为素数即可. 打回文数时,因为左右对称,可以只枚举后半部,然后通过逆转得到前半部分. #include <iostream> #include < ...
- 分布式公布订阅消息系统 Kafka 架构设计
我们为什么要搭建该系统 Kafka是一个消息系统,原本开发自LinkedIn,用作LinkedIn的活动流(activity stream)和运营数据处理管道(pipeline)的基础. 如今它已为多 ...
- MySQL 5.7 zip 文件安装过程
1.下载路径 https://dev.mysql.com/downloads/mysql/ 有账号登陆下载, 没有账号:no thanks;just start my download 2.解 ...
- Activity、Fragment、ViewPage
1.新建super //super提供统一的FragmentActivity入口.public abstract class SuperFragmentActivity extends Fragmen ...
- Rabbit MQ 学习 (一)Window安装Erlang环境
之前也没有用过Rabbit MQ ,最近正在学习中,记性不好,特意记一下. 百度一下 先得 安装 Erlang 并且 设置环境变量. 在Erlang 官网去下载,那个慢呀... 还好CSDN 里有人提 ...
- Hua Wei 机试题目二
题目描述:假设1元,5元,10元,50元,100元的人民币若干,实现一个能找到最少张数累计达到一个指定金额方法.如:67元,可分为67个1元钱.也可分为6个10元7个1元,其中最少人民币分法为一张50 ...
- 洛谷P3704 [SDOI2017]数字表格
题目描述 Doris刚刚学习了fibonacci数列.用f[i]f[i] 表示数列的第ii 项,那么 f[0]=0f[0]=0 ,f[1]=1f[1]=1 , f[n]=f[n-1]+f[n-2],n ...
- 自动刷github提交记录
前言 进入自己github主页会看到自己的提交记录,如果某天没有提交记录,那天的小方框就显示灰色.强迫症的我,每次进来看着就感觉不爽, 想着自己每天记得提交点东西,争取像阮一峰大神一样,每天都有提交记 ...