10款使用jQuery和HTML5等开发web应用

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应用