网页前端设计

Web 浏览器正变得越来越强大，而 JavaScript 则让 Web 变得更加有趣。在这篇文章中，向大家推荐最有趣的 JavaScript 框架，工具和技术帮助你创造杀手级的应用和网站。记得收藏啊：）

Impress.js：超炫的在线幻灯片

　　Impress.js 的灵感来自 prezi.com，是一个非常优秀的幻灯片工具，基于 CSS3 转换和过渡特性实现。这个方便的 JavaScript 文件将把你的浏览器变成一个非常强大的演示工具。

　　→ 访问：impress.js

Ofmlabs Codecs：纯 JavaScript 音频解码

　　Ofmlabs 使用两个伟大的产品实现 JavaScript 音频解码技术：第一个名为JSMad，首次证明 JS 音频解码是可能的，是 libmad（一个基于C的 MPEG 音频解码器）的一个端口。第二个是 ALAC.js，是最近开放了源代码的苹果无损解码器的一个 JavaScript 端口。

　　→ 访问：Ofmlabs Codecs

Popcorn.js：HTML5 多媒体框架

　　Popcorn.js 是 Mozilla 开发的 HTML5 多媒体框架开发系统。您可以抛开繁重的处理，专注于编写代码。

　　→ 访问：Popcorn.js

JSZip：使用 JavaScript 创建 ZIP 文件

　　如今，JavaScript 能够产生大量的数据，为您的用户提供多个文件的最简单的方式是放在一个 ZIP 文件中，JSZip 能够帮助你创建压缩文件。看看下面的示例代码：

var zip = new JSZip();
zip.file("Hello.txt", "Hello World\n");
var img = zip.folder("images");
img.file("smile.gif", imgData, {base64: true});
var content = zip.generate();
location.href="data:application/zip;base64,"+content;

　　→ 访问：JSZip

Money.js：JavaScript 货币转换器

　　货币兑换在一些业务逻辑中是一项经常性的任务，但日常的货币波动大，因此不容易实现自动化。这个轻量级的 JavaScript 库，可以为你完成这些工作！

　　→ 访问：Money.js

fitvids.js：调整视频大小

　　去年，响应式网页设计在 Web 开发人员和设计人员中是一个非常受欢迎的新概念。fitvids.js 是基于 jQuery 的插件，实现自适应宽度的视频嵌入，对于响应式网站来说是一个很好的工具。

　　→ 访问：fitvids.js

使用 pdfkit 生成 PDF 文件

　　PDFKit 是一个使用 CoffeeScript 编写，用于 Node.js 平台的 PDF 文档生成工具，为那些已经使用服务器端 JavaScript 来创建自己的应用程序的开发者提供了非常酷的 API。

　　→ 访问：pdfkit

如果您觉得本文的内容对您的学习有所帮助，捐赠与共勉，支付宝(左)或微信(右)