1.Dynatable – 基于 HTML5 & jQuery 的交互表格插件
Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现。Dynatable 的目的是提供一种简单的、可扩展的 API,能够轻松的浏览和操作大规模的数据集。Dynatable 提供包括排序,搜索和过滤等常用的数据处理功能。
2.Adaptive Backgrounds – jQuery 自适应背景插件
Adaptive Backgrounds 是一款很特别的 jQuery 插件,可以从图像中提取主导颜色并将它应用到它的父元素。这个插件利用 Canvas 元素和 ImageData 对象。需要注意的是,由于跨站点的安全限制,如果你试图从未托管在当前域下的图像中提取颜色,该脚本将会失败,除非图像允许跨域资源共享(CORS)。
3.打造动感的立体效果进度按钮
今天的《优秀前端教程》给大家带来的是一组扁平风格的 3D 进度按钮样式,其中的按钮本身作为一个进度指示器。3D 样式是用于在按钮的一侧展示j进度。需要注意的是,这些效果都是借助于在伪元素上使用过渡特效,因此在某些浏览器(如 Safari 和移动 Safari 浏览器等)不支持。
4.Myth – 支持变量和数学函数的 CSS 预处理器
Myth 是一个预处理器,有点类似于 CSS polyfill 。Myth 让你写纯粹的 CSS,同时还让你可以使用类似 LESS 和 Sass 的工具。您仍然可以使用变量和数学函数,就像你在其它预处理器中使用的一样。
5.Koa – 更加强大的下一代 Node.js Web 框架
Koa 是 Express 的开发团队设计的下一代 Web 框架,其目的是为 Web 应用程序提供更小,更具表现力,更坚实的基础。Koa 没有核捆绑任何中间件,并提供了一套优雅的方法,使服务器端开发更加的快速和愉快。
6.使用 CSS3 实现超炫的 Loading(加载)动画效果
SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。
7.Stickup – 轻松实现元素固定效果的 jQuery 插件
粘贴是一个简单的 jQuery 插件,在页面滚动的时候固定一个元素到浏览器窗口的顶部,让其总是保持在视图中可见。这个插件作用于多页的网站,但是对于单页的布局有额外的功能。借助 CSS,还可以实现当前视图关联的导航菜单的高亮显示功能
8.Simptip – 使用 Sass 制作的 CSS Tooltip 效果
Simptip 是一个简单基于 Sass 的 CSS 工具提示效果。帮助你在网站中加入在不同的方向(上、左、右、下)的工具提示,也可以设置不同的颜色如成功、信息、警告和危险。最后还有其他特性如软边、半箭头,活动效果,渐变效果和多行提示等等。
9.Ink – 帮助你快速创建响应式邮件(Email)的框架
Ink 可以帮助你快速创建响应的 HTML 电子邮件,可工作在任何设备和客户端。这个 CSS 框架帮助您构建可在任何设备上阅读的 HTML 电子邮件。曾经需要你兼顾各种邮件客户端的日子一去不复返了,Ink 的灵活性和稳定性让你的读者可以查看到你精致的电子邮件。
10.HubSpot – 网站开发必备的 jQuery 信息提示库
HubSpot 一款功能丰富的 jQuery 消息提示插件。它可以帮助你个性化显示您的应用程序的事务性消息。您可以轻松地包裹 Ajax 请求进度,成功和错误消息,还可以添加操作链接到您的消息中。
未经允许不得转载:爱前端网 » 10款使用jQuery和HTML5等开发web应用