基于HTML5的在线可视化设计工具Maqetta安装使用基础教程
Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。
Maqetta 应用本身用HTML5/Ajax编写，因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码，并安装在自己的服务器上，并可自定义源码来满足自己的需求，再回馈到开源项目。
OpenAjax Alliance 有120多个公司，最大的抱怨是Widgets的交互性，以及可视化工具的需求。&IBM 负责人Boloker解释推出该项目的原因：&我们的目标就是在web上搞定任何事儿&。
Maqetta 功能如下：
WYSIWYG可视化页面编辑
拖曳式移动UI设计
设计或源码浏览同步编辑
对CSS样式的深度支持
更多功能见项目页：http://maqetta.org/
Maqetta 下载：maqetta-preview.zip
现在我们将介绍如何Magetta。下载回来的压缩包解压后如下图：
我在Windows2003下，而且只是本机使用，所以运行maqetta.local.win.bat。运行后会出现如下图命令行窗口：
可以看出它依赖于JDK环境，那具体怎么配置可以参见《JDK环境变量的设置》。保持上面那个窗口不关闭，然后在Chrome、FireFox 3.5+ 或者Mac Safari 5浏览器里的地址栏输入：
start your browser at http://localhost:50000/maqetta
里面http://localhost:50000/maqetta这个地址即可。
标签(Tag):
------分隔线----------------------------
------分隔线----------------------------混合APP开发平台
助力创业七十二变
APICloud 云端一体 重新定义移动应用开发
一站式高效APP开发和管理平台
使用标准WEB技术开发跨平台APP；覆盖APP全生命周期，包括开发、API集成、测试、渠道打包、运营管理等
累计生成安装包
6,271,598,321次
各类APP都在使用APICloud
《武汉通》是长江日报官方网站长江网重点打造的一款基于武汉热点事件及热门话题推荐的新闻阅读客户端。
《武汉通》开发主管 彭蔚
Opler智能温控器，专注打造地暖已装、新装用户及售后服务市场的B2B2C及O2O商业模式平台。
Opler 创始人& CEO 杨凡
狸米是一套打通教师、学生和家长三方的互联网教育平台，目前在全国超过1000所公立学校全面部署使用。
狸米科技 副总裁 张楠
偶偶从专业的足球产品报道、评测、鉴定，到足球产品视频、电商平台、二手交易、正品商家认证等多维度提供一站式专业化服务。
偶偶足球 CEO 周敏
全众社区是一家专业为物业管理公司提供升级转型的平台服务商，拥有行业内领先的SaaS平台。
CTO 刘海浪
慢慢买APP—慢慢买比价网推出的一款手机比价APP--让你掌控价格，不再买贵。
慢慢买 CTO 毛春杰
空色美术商城是中国第一款专为“美术人”开发设计的艺术类购物APP，包含儿童、美术高考、艺术家三个年龄层次的所有美术类用品。
空色美术 CEO 庄国强
优交易，专注于为投资者提供策略资讯和社交工具的垂直社交平台。提供证券投资能力的知识分享及探讨，培养良好的理财心态。
优交易 CEO 陈前程
聚集云阳餐饮、酒店宾馆、家居建材、旅游景点、房产、休闲娱乐场所、婚庆服务、汽车服务各种的商家信息。
掌上云阳 CEO 曾德勇
SuperWebView
iOS与Android原生工程师，使用SuperWebView大幅缩短Native APP迭代周期
Deep Engine
BS架构的工程师和前端工程师，使用Deep Engine可以快速开发Native体验的跨平台APP
一站式提供海量聚合API
一键式集成跨平台开放SDK
云引擎加速云端开发，包括可视化构建数据模型与云端执行环境；APP运营管理通用的精华服务，无忧提供
大数据分析
又一次超越自己的技术探索
融合，再融合
APICloud产品
友情链接：Hype 3 for Mac 3.0.1 中文破解版 – 强大的 HTML 5 动画制作软件 _爱情守望者
1、祝大家猴年快乐，2月15日起恢复更新，谢谢支持
2、免费科学上网暂停更新，请保护好自己的帐号，有特殊需要的朋友可以考虑申请荣誉会员。
3、VIP荣誉会员赞助渠道开通，
1、交流QQ群&&&&①群「」&&&&②群「」
2、务必安装Little Snitch以防止网络校验。
3、软件请搜索，求档请留言iPad 打造速度超快的HTML5软件_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
iPad 打造速度超快的HTML5软件
上传于||文档简介
&&h​t​m​l​5
阅读已结束，如果下载本文需要使用
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩1页未读，继续阅读
你可能喜欢开发人员和设计师工具箱中一定要有的的29个最好的html5工具-html5-文库-字节技术
开发人员和设计师工具箱中一定要有的的29个最好的html5工具
我们为设计师和开发人员精心挑选了29个有用和最好的HTML5工具。这些HTML5工具，不但可以节省您的时间，而且还可以提高你的生产力。HTML5是万维网(World Wide Web)使用的结构化标记语言。这些HTML5工具是了解HTML5和学习HTML5最好的方式。同时HTML5工具有助于轻松创建和管理代码。今天，我们精心挑选了29个有用和最好的HTML5工具，相信它们可以在你下一个项目上派上用场。JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕捉库。它可以让从您的浏览器中截图和记录在桌面的视频。Onsen UI是一种基于自定义元素HTML5 UI框架，它的设计和实现为你的应用程序提供了前所未有的用户体验。觉得html5模拟的本地化应用非常慢？那么尝试下Onse UI，你会有不一样的感觉。OnSen UI是一个前端开发框架，适合PhoneGap/Cordova混合应用的开发。而且，可与Monaca一起使用，可以很简单地开发后端特性和添加设备支持。OnSen UI自身使用Angular.js和Topcoat开发，由于其架构特性，可以便捷的使用Angular.js的特性。A Custom Elements Based HTML5 UI Framework Onsen UI It&is designed
and implemented to deliver unprecedented user experience for your apps.Frustrated with the lack of native-like performance? Try Onsen UI and you’ll feel the difference right away.&Animatrion是HTML5工具可以无需编码创建令人惊叹的动画。Animatrion is html5 tools to create stunning animation without coding.一款html5开发的在线多人游戏。Mixeek是一个免费的软件工具，用于设计和执行的Web动画和交互动画Web应用程序。它是基于JavaScript，CSS3和HTML5，开发目标是提供轻量的，易于使用的动画软件工具。　HTML5 Maker 是一个在线动画制作工具，帮助你使用 HTML，CSS 和 JavaScript 创建动态，互动的内容。它非常容易使用，同时可以帮你实现非常好的效果。它可以制作跨浏览器的动画内容，如 JavaScript 和 HTML5 动画，幻灯片，简报等等。　　动画可以很容易地集成到现有的网站，添加一个有趣的或专业的外观。HTML5 Maker 是一个基于订阅的服务，他们提供免费的认购。此外，你甚至都不需要注册就能使用该服务。点击创建动画按钮，开始你的项目吧。Crosswalk采用Chromium内核并不断地快速演进(六周一次更新)，使基于Crosswalk的Web应用充分享有Chromium的功能与性能优势，以及较好的平台一致性。同时，Crosswalk支持最新的HTML5 API，包括WebGL，WebAudio，WebRTC，Gamepad，WebSocket等等。目前Crosswalk正式支持的移动操作系统包括Android和Tizen，在Android 4.0及以上的系统中使用Crosswalk的Web应用程序在HTML5方面可以有一致的体验，同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。现在Crosswalk已经成为众多知名HTML5平台和应用的推荐引擎，包括Google Mobile Chrome App、Intel XDK、Famo.us和Construct2等等，未来的Cordova 4.0也计划集成Crosswalk。同时在今年的中国iWeb大会上，Cocos2d-html5游戏引擎也宣布与Crosswalk展开合作。根据Initializr网站的介绍，其依托全球知名的HTML5预设模版HTML5 Boilerplate搭建而成，然后对其加工为用户提供了更简单的创建HTML5页面的方法。对于普通用户而言，操作非常简单，基本只要根据Initializr网站的指引即可：下载Initializr开发包，修改一些个性化的内容，包括页面的名称、Meta描述、Favicons等，然后即可生成一个简单的HTML5页面。用户可以下载这个页面，包括基本的CSS文件、javascript等。Initializr is an HTML5 tools templates
generator to help you getting started with a new project based on HTML5
Boilerplate. It generates for you a clean customizable template with
just what you need to start!Edge Animate是Adobe最新出品的制作HTML5动画的可视化工具，简单的可以理解为HTML5版本的Flash Pro。Edge Animate lets web designers create interactive HTML animations
for web, digital publishing, rich media advertising and more, reaching
both desktop and mobile with ease.99Lime的用户界面元素使用你的PS图象处理软件设计，包括基础按钮设计，文本框表单设计，多彩按钮设计，自定义多选单选文本框，文本框输入状态，网页常见的滑块设计，loading进度条设计，超过99个简约按钮设计，树形菜单设计等。HTML5 Please 整理了各种新的 HTML5 与 CSS 语法在各种浏览器上的兼容性状况，并提供使用上的建议。在开发网页的应用程序时，开发者所撰写的 HTML5 或 CSS 代码通常都要面对许多不同浏览器的兼容性问题，而 HTML5 Please 是一个可以查询各种 HTML5 与 CSS 的语法在各种浏览器中被支持的状况，并且建议你是否应该使用，你可以依据哪一些浏览器支持哪一些语法来选择要使用的语法。网站已支持目前主流的浏览器以及版本，其中IE包含IE7 -IE10。Spritebox是一个所见即所得的工具，以帮助网页设计师从一个单一的sprite快速轻松地创建CSS类。它是基于使用背景位置属性对齐到网页中的块元素的子画面图像的区域的原则。它是使用的jQuery，CSS3和HTML5的组合，完全免费使用你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对Video、audio、Canvas等等特性的支持情况的完整报告。InK是一个能够帮助你快速开发web界面的界面套件，使用简单并且可扩展。使用了HTML/CSS/Javascript技术来设置布局，展示常用的界面元素，并且实现互动的特性，所有这些都是以内容为中心的，并且对于用户，开发人员和设计师来说都非常友好。Ink is html5 tool that quickly crete responsive html emails that works on any devices.Google Web Designer是Google最近发布的一款免费Web网页设计工具，主要用于创建基于HTML5和CSS3的网页或交互式动画，设计出的网页动画无需Flash支持，能适应任何平台与设备，不用考虑兼容性问题Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架，用来开发混合移动端应用或者 iOS 7 的 Web 应用，并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。Framework7 使用 Javascript，CSS 和 HTML 来创建 iOS 7 应用，支持多个平台的迁移（PhoneGap），但是不是支持所有平台，主要还是针对 iOS 7。CutJS轻量、快速、交互性支持跨平台游戏开发的2D HTML5渲染引擎，它可以用来创建面向网站、iOS、安卓、Win8、facebook、Chrome web store等的在线游戏。CutJS is lightweight, fast,
interactable 2D HTML5 rendering engine for cross-platform game
development, it can be used for creating games for web, iOS, Android,
Win8, Facebook, Chrome Web Store, etc.PuzzleScript是一个开源的HTML5的益智游戏引擎。Cloak是一个基于Node.js的专门为HTML5网络游戏定制的开源JS库。它不仅适用于单人游戏，同时也适用于多人游戏。Cloak内置了许多对于网络游戏非常有用的功能，例如：自动用户识别以及重连接大厅系统房间系统补偿网络延迟的计时器RazorFlow是一个PHP框架，能轻松创建出用于主要设备和浏览器的显示面板。它的工作原理是把单一PHP文件简单的插入到任何程序中，然后输入数据，选择输出类型。输出来的，可以是图表（支持多种类型的图表），数据网格或者单一数值的内容。Mugeda是一款基于云计算的可视化HTML5专业动画制作平台，无需任何下载安装，无需任何编程，用户可以直接通过浏览器界面用所见即所得的方式制作专业质量的动画，支持事件、行为、API等多种交互方式。Mugeda采用原生HTML5技术，完成的动画可以部署到任何支持HTML5的客户端，包括PC，智能手机，平板电脑以及智能电视等，是快速方便的制作移动富媒体广告的理想工具。CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，旨在降低 HTML5 项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。CreateJS 中包含五款工具：EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控），同时提供 Flash 中的“显示列表”功能。TweenJS：一个简单的用于制作类似 Flash 中“补间动画”的引擎，可生成数字或非数字的连续变化效果。SoundJS：一个音频播放引擎，能够根据浏览器性能选择音频播放方式。将音频文件作为模块，可随时加载和卸载。PrloadJS：帮助你简化网站资源预加载工作，无论加载内容是图形、视频、声音、JS、数据……PxLoadr: 一款用于网站资源预加载的 JavaScript 库，可加载图片、音频等任何类型的文件。PxLoader 除了可以帮你对资源加载的进度进行监测，捕捉“加载完成”事件外，还可以帮你指定资源加载的顺序。你甚至还可以按照优先级分组加载资源。Tumult Hype是基于关键帧的动画系统让你内容可以运动起来。点击“记录”Tumult Hype会监视你的动作并根据需要自动创建关键帧，或者如果你需要进行编辑，可以手动添加、删除和重新安排关键帧来微调您的动画。这是很容易通过点击和拖动元素的运动路径来添加贝塞尔控制点来创造自然的曲线。Using Tumult Hype, you can create beautiful HTML5 web content.
Interactive content and animations made with Tumult Hype work on
desktops, smartphones and iPads. No coding required.Sencha Animator是一种基于GUI的编辑器，针对的是想要创建HTML5动画的交互设计师。 动画是使用Ext JS创建的，这是一种跨浏览器的JavaScript库，为RIA应用程序提供了widget，并且它会生成能够与所有JS库协作的纯粹的CSS3动画代码。 我们可以创建2D或者3D的对象，然后对其进行移动、伸缩，倾斜和旋转，并且添加像渐变色、模糊、反射和阴影之类的特效。 代码能够在Apple iOS上进行硬件加速，以创建平滑的动画。Sencha Animator is a desktop app to create CSS3 animations for WebKit
browsers and touchscreen mobile devices. Create rich experiences for
today’s most popular devices.一个 HTML5 Sprite Sheet 生成器。拖放图片文件至指定区域，然后点击“生成”就能创建sprite sheet 和样式表。这个示例用到了一组HTML5 APIs，当前只支持最新版的 Chrome 和 Firefox 浏览器。 hareDrop是苹果AirDrop服务的HTML5克隆。它允许你在设备之间直接传输文件，而无需先将它们上传到任何服务器上。它采用WebRTC实现安全对等网络文件传输和Firebase实现存在管理和WebRTC信号。ShareDrop is a free app that allows you
to easily and securely share files directly between devices without
having to upload them to any server first.Literally Canvas 是一个开源的HTML5组件，可以集成到任何页面中，让用户可以在线画图。它配备了一组简单的工具，包括绘制，擦除，颜色选择器，撤消，重做，平移和缩放。&Moqups 是一款HTML5在线的WEB框架、模型、UI设计并创建的网络应用程序。 Moqups is an HTML5 tools for designers to create wireframes for web & mobile.
本文链接：