jquery api 下载 jquery官方下载 收藏 0

15款免费的HTML5编码工具推荐（附下载）

Moqups

Moqups是一款免费的HTML5在线应用，可创建线框图、实体模型和UI概念。该程序使用起来非常简单，并且有内置的模板可以直接使用（模板包括单选按钮、链接、图像占位符、文本框以及滑块等）。

Stitches

Stitches是一个HTML5 sprite sheet生成器。用户只需要经过简单的拖拽图片文件到空白处，然后点击“Generate”就可以生成一个图像图标和样式表了。

HTML5 Maker

HTML5 Maker是一个在线的动画制作工具/服务，可通过HTML, HTML5, CSS和JavaScript创建动画和交互式内容。

Initializr

Initializr是一款HTML5模板生成器，帮助你快速启动基于HTML5模板的新项目。总之，Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

Sprite Box

Sprite Box是一款WYSIWYG工具，可帮组Web开发人员轻松、快速地创建CSS类和ID。它是基于使用背景位置属性原则来调整插入到网页块元素中的精灵小图像。这款工具是使用 JQuery，HTMl5 和 CSS3 组合来运转的，而且是一款完全免费的工具。

Liveweave

Liveweave在HTML4/HTML5、CSS2/CSS3中含有内置的自动完成上下文特性，让你工作起来更加轻松。你只需输入HTML5和CSS3 标签/元素即可，就是这么简单。

Literally Canvas

Literally Canvas是一款开源的HTML5部件，可以被集成到任何页面。它配备了一套简单的工具，包括绘图、擦除、颜色选择器、撤销、恢复、平移以及缩放。该工具利用jQuery+和Underscore.js创建而来，利用API定义背景色、工具以及尺寸。

HTML5 Demos

HTML5 Demos能够让你立即知道Firefox是否支持HTML5 Canvas，Safari能否运行HTML5 聊天客户端。

HTML5 Visual Cheat Sheet

HTML5 Visual Cheat Sheet是专为Web设计师和开发者设计的一款速查表。这份速查表包含了HTML tag列表以及支持HTML4.01/5版本的相关属性。

Switch to HTML5

Switch to HTML5是一款高效的模板生成器。如果你开始一个新的项目，记住一定要访问该网站。各种各样的HTML5网站模板将会呈现在你的眼前。

Online SVG to HTML5 Canvas Tool

这款工具可以将SVG转换成HTML5 Canvas JavaScript函数。它几乎可以运行在任何主机上，帮助用户去尝试使用Canvas，可以导出大量的矢量艺术包（Illustrator，Inkscape）。

HTML5 Test

利用HTML5 test可以测试你的浏览器支持即将推出HTML5 标准和相关规范的得分情况。尽管该规范还没有最终敲定，但是所有主流浏览器厂商都在为未来做好准备。

你可以查看浏览器支持HTML5 哪些部分并与其他浏览器进行对比。

Patternizer

Patternizer是用来创建条纹图案的生成器。

Lime JS

LimeJS 是一个 JavaScript 游戏开发框架,允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。

HTML5 Reset

HTML5 Reset是（HTML，CSS等）一套设计组件，旨在帮助用户节省大量的时间，创建更加高效的项目。

HTML5 Tracker

HTML5 Tracker能够用于跟踪HTML5相关的最新修订信息。

Cross browser HTML5 forms

表单是一个网站非常重要的一部分。 HTML5的特性日历，色彩板，滑动部件，客户端验证等这些都是非常强大的工具，但现实的情况就是，大多数的浏览器不支持所有的功能。这是一个很大的问题，刚好Cross browser HTML5能够帮您如何轻松创建一个跨浏览器的表单。

25个可遇不可求的jQuery插件

随着jQuery插件在网站建设过程中的使用率不断的增加，所以有必要跟进时代步伐开发出一些新的插件/代码片段，以此来巩固并提高前端用户体验，将用户体验提升到一个新的高度。

接下来所推荐的这些插件中有滑块、地图、图片旋转块等等，可以说是最好的、完全免费的jQuery插件。

1. Flat jQuery Price Slider

实例|下载

这个jQuery价格滑块可以在一定范围内选择需要的价钱，不管你是做开发项目的还是设计项目，它都会起很大的作用。记住，这个插件完全免费。

2. Gmaps jQuery Map Plugin

实例|下载

GMaps.js是一个JavaScript插件，通过它可以很容易地在你的应用程序中使用谷歌地图，并包含了多个选项，如地图、方向、信息框等等。它的脚本是由很少的代码和简洁文档构成的。因为安装操作很简单，所以要想让代码实现功能就得自己动手。

3. FormChimp—MailChimp Ajax plugin for jQuery实例|下载

FormChimp是jQuery里的一个可定义的MailChimp Ajax插件，为用户提供一个简便的注册方式，这样的话用户在你的MailChimp列表里注册就不是一件麻烦的事了。

4. OWL Carousel

实例|下载

此jQuery插件具有的触摸功能可以让用户创建出好看的响应式旋转滑块。

5. jQuery Spellchecker

实例|下载

这个轻量级的jQuery插件能检查文本文档里的单词拼写的正确性，主要是用在一个表单字段里或者是在DOM目录里。

6. Chart js

下载

Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前，它支持6种图表类型：折线图、条形图、雷达图、饼图、柱状图和极地区域区。而且，这是一个独立的包，不依赖第三方JavaScript 库，小于 5KB。颜色，字体，边框和它们的尺寸都可以定制，图表可以动画的形式加载，非常炫。

7. Email-autocomplete

实例|下载

这个插件会建议你或者是直接在邮件地址栏里自动填写完域名。

8. Draggabilly

实例|下载

你可以用这个插件做一些可拖动的jQuery代码片段。

9. Interact.js

实例|下载

这是一个为电脑和移动设备上的浏览器而制作的可拖放、重置大小、调整手势的插件。

10. Sortable

实例|下载

它是一个极简单的JavaScript类库，主要是为现代浏览器和触摸设备而制定的。

11. rowGrid.js

实例|下载

大小只有800bytes gzipped的轻量级jQuery插件用处是把图片或其它项目排版在连续的行内。

12. Scattered Polaroid gallery

实例|下载

这个插件可以在容器里随机排版这些相片，当你选中了一个项目的时候它就会移动到屏幕中间，其它项目自动闪到旁边。

13. Viewport Image Resize

实例|下载

操作上比较简单，没有任何麻烦，重新设置图像大小和对图片进行修剪，这些都是基于pseudo视图而做的。

14. jQueryUI Limitslider

实例|下载

这一滑块插件允许在一条选择线上做出多个滑块，这些滑块可以用来代表位置、尺寸、举例等等，同时还可以在滑块上做标签或者是悬浮标题。

15. Freewall

实例|下载

Freewall是一个跨浏览器、响应式的jQuery插件，可以创建出多种多样适用在电脑、移动设备和平板电脑上的网格布局。

16. jQuery fontIconPicker

实例|下载

这个只有1.58kb gzipped大小的插件，可以让用户创建一个带有搜索功能的简单的图标选择器放在管理列表里。

17. Bootstrap-dialog

实例|下载

这个插件会让用户使用Bootstrap的模型更加熟练。

18. jquery.tabelizer

实例|下载

Tabelizer 1.0.3—用在表格上的多层次分组指标器。

19. Facebook Badge Jquery Plugin

实例|下载

FaceBadge可以在用户网站上添加了一个Facebook页面标记，用起来更省事。

20. Croppic

项目网页

这是一个用来裁剪图片的jQuery插件，效果超出你想象。

21. JQuery Plugin for Google Drive API

实例|下载

这个插件主要是为了让在不同设备上的Google Drive能够同步协作，传输文件等等，包括是Android设备。

22. Pick-a-Color

实例|下载

这项插件的设计之初就是希望所有人都能使用它，它的界面主要是基于Twitter Bootstrap的风格而设计，所以看起来比较亲切。

23. Simple Vertical Menu

下载代码

看上去很简单，但是很时髦的一个插件，使用了一些CSS3和jQuery技术，拥有自定义字体和令人影响深刻的标记图案。

24. jQuery Message Form

下载代码

这只是一个很小的字符计数器的实验版本。

25. Magnifying Glass Plugin with jQuery and CSS3项目主页

这是一个简单的小插件，基于TCP的排版设计。

原文来自：DesignScrazed

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com