HTML5可视化设计工具 Maqetta 开源

aqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，并同时宣布将项目捐助给开源机构Dojo基金会。

Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。

Maqetta 应用本身用HTML5/Ajax编写，因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码，并安装在自己的服务器上，并可自定义源码来满足自己的需求，再回馈到开源项目。

Maqetta 功能如下：

• WYSIWYG可视化页面编辑    
• 拖曳式移动UI设计   
• 设计或源码浏览同步编辑  
• 对CSS样式的深度支持

离线设计或者下载使用均可;

你下载后，解压缩，根据帮助点击：maqetta.local.win.bat。运行后，打开服务端口，

按照服务启动IE或者火狐，在WEB上设计你的HTML5。其中包含JQUERY,CSS3。不错的开源设计器。

 

HTML5发展如火如荼，随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟，未来HTML5必将改变我们创建Web应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写HTML5应用。

1.Initializr

Initializr是制作HTML5网站最好的入门辅助工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。

2.HTML5demos

想知道你的浏览器是否支持HTML5 Canvas吗？想知道Safari是否可以运行简单的HTML5聊天客户端吗？HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持。

3.HTML5 Tracker

想了解HTML5的最新动向吗？使用HTML5 Tracker吧，它可以跟踪HTML5最新修订信息。

4.HTML5 visual cheat sheet

想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。

5.Switch To HTML5

Switch To HTML5是一个基础而有效模板生成工具。如果你开始一个新项目，可以到这里获取免费的HTML5网站模板。

6.Cross browser HTML5 forms

HTML5中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。

7.HTML5 Test

你浏览器准备好迎接HTML5革命了吗？HTML5 Test将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

8.HTML5 Canvas cheat sheet

Canvas元素是HTML5最重要的元素之一，它可以在网页中绘制图形，非常强大。这是一个Canvas元素的详细速查手册。

9.Lime JS

LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒，一定要用用试试。

10.HTML5 Reset

HTML5 Reset是一组文件，包括HTML、CSS等，用于在开始新项目的时候帮助你节省时间，提供HTML5的空白WordPress模板。