Maqetta - HTML5用户界面的可视化创作

Maqetta - HTML5用户界面的可视化创作

Maqetta是Dojo Foundation的一项开源技术,为HTML5(桌面和移动)提供所见即所得的HTML5用户界面的可视化创作。Maqetta应用程序本身是用HTML编写的,因此可以在浏览器中运行,不需要额外的插件或下载。(参见项目总结) 目标用例是什么,目标用户是谁? Maqetta的主要目标用例是用户界面设计,其中非程序员或轻量级程序员创建UI模型或实际运行的应用程序。 我可以在我自己的web服务器(或本地主机)上安装Maqetta吗? 绝对的。Maqetta团队将里程碑构建作为ZIP和WAR文件,可以下载并安装在标准的web服务器上,比如Apache或Java服务器。对于Windows、Mac和Linux,有一些简单的服务器启动脚本可以运行(或者在Explorer/Finder中双击)。ZIP文件包含自动启动服务器(它使用Jetty,一个开源的轻量级JEE服务器)。 Maqetta可以使用我喜欢的JavaScript库吗,还是必须使用Dojo? Maqetta团队竭尽全力将代码设计成独立于工具包的。它使用行业标准的OpenAjax小部件作为打包小部件元数据的方式,这种格式适用于大多数流行的(HTML/JavaScript/CSS)小部件库。 当前版本包含大量的dojo小部件(既有专注于桌面的Dijit小部件,也有一套全面的移动Dojo小部件)。Maqetta团队已经为jQuery和YUI库中的小部件实现了概念验证支持,以确认该架构是独立于工具包的。 当前版本还没有完成所有的扩展点,这些扩展点将允许站点管理员和/或用户配置他们的Maqetta版本,以使用特定的JavaScript库、特定的小部件库或特定的CSS样式主题。这些扩展点是为未来规划的。在当前版本中,要包含不同于默认发布的库或部件,您需要下载源代码并对源代码进行各种修改。添加对其他小部件库的内置支持是未来潜在增强的重中之重。 谁拥有Maqetta,它是如何获得许可的? Maqetta的原始技术由IBM捐赠给Dojo基金会,作为一个开源项目,符合Dojo自由和商业友好的开源许可条款。 为什么叫“Maqetta”?怎么发音? “Maqetta”是西班牙语单词mockup(“maqueta”)的拼写变体。队员们把这个名字念成“q”就是“k”。 使用了哪些技术来创建Maqetta设计器应用程序? Maqetta Designer应用程序是使用100%开放标准技术构建的。 绝大部分代码是在浏览器中运行的客户端HTML、JavaScript和CSS。该应用程序在不同方面使用了新的“HTML5”特性和CSS3特性。目前的计划是,该应用程序将越来越多地使用HTML5功能,其中web套接字、工作线程和本地存储等功能已经由项目团队进行了讨论。该项目使用了一些SVG(用于移动设备轮廓和绘图工具)。 Maqetta应用程序有一个相对简单的服务器,它是使用Java和OSGi实现的,使用了Eclipse Foundation的各种技术。有创建各种发行版的构建脚本,其中一个构建脚本创建一个简单的基于Jetty的服务器,另一个构建脚本创建一个WAR文件。因为服务器的主要操作是响应一组REST APIs,所以理论上,服务器可以用其他服务器编程语言重写。 用哪些JavaScript库来构建Maqetta? Maqetta应用程序广泛使用Dojo工具包。Maqetta应用程序的大部分用户界面都使用Dijit库,其样式使用克拉罗CSS主题。 使用了哪些widget技术? Maqetta应用程序使用OpenAjax小部件标准作为“小部件元数据”,它为出现在Maqetta小部件面板中的任何小部件提供了一个瘦包装器定义。Maqetta使用OpenAjax小部件的JSON版本,其中JSON是OpenAjax小部件XML格式的转换字符串的结果。 与猎户座日食的关系 的当前版本使用Eclipse Orion 2.0 Orion开源项目来实现Maqetta服务器中的核心功能,尤其是用户管理和工作区管理功能。在客户端,Maqetta使用Orion的源代码编辑器来编辑Maqetta的所有源代码。您可以通过从Maqetta可视页面编辑器发出Open->Orion Navigator命令来公开Orion用户界面。 主题编辑器可以支持其他CSS主题吗? Maqetta主题编辑器旨在支持任意的CSS主题,而不仅仅是Dojo/Dijit主题,比如克拉罗。该项目的目标是提供一个通用的CSS主题编辑器组件,它可以处理来自各种JavaScript工具包(Dojo、jQuery、YUI等)的主题和独立于JavaScript工具包的CSS主题。 也就是说,主题编辑器的所有扩展点还没有被编程。在当前版本中,Maqetta被硬编码为只知道克拉罗和草图主题。此时,在Maqetta主题编辑器中添加对新CSS主题的支持需要下载开放源代码并手动定制逻辑。在未来,项目组计划让定制和扩展主题编辑器变得更加容易。 主题编辑器的主要扩展机制是主题元数据格式,它在主题编辑器技术文档中有一些初始文档。目标是开发人员只需要创建位于现有主题旁边的主题元数据(由一个或多个CSS文件组成)。

标签: HTML5 Dojo

阅读量: 34 2019-03-27

TEMPLATED - 免费的的HTML和CSS网站模板

TEMPLATED - 免费的的HTML和CSS网站模板

免费的HTML5和CSS3网站模板。我们美丽的网站模板完全响应,可用于商业目的。立即下载! 什么是模板化? TEMPLATED是一个免费的、Creative Commons许可的CSS、HTML5和响应式站点模板的集合。 什么是网站模板? 一个网站的起点。通常由至少一个或多个HTML文件、一个样式表和可选的一些支持图像和脚本组成。HTML是你的内容所在(例如文本和照片),而其余的东西处理内容的表示。请参阅这篇文章,了解关于如何工作的详细解释。 什么是响应式HTML5模板? 一种特殊的网站模板。构建在HTML5(最新的HTML标准)之上,以及2。旨在根据您的屏幕尺寸提供最佳体验(无论是30英寸的超大桌面显示器还是4英寸的移动电话)。它通过在CSS规则块之间自动切换来实现这一点,每个CSS规则块针对特定范围的屏幕大小(通常称为媒体查询)。 我如何被允许使用它们? 我们所有的免费软件都是在知识共享署名许可下许可的,所以基本上任何东西(甚至是商业的东西)。有什么问题吗?只需在网站的某个地方给我们一个可见的学分(如学分页面或其他)。 有什么好的app可以配合这些? 几乎任何文本编辑器(例如记事本)都可以完成这项工作,但是像Atom或Sublime Text这样的专用代码编辑器将提供更丰富的体验和大量有用的编码功能(例如语法高亮)。 我的HTML/CSS技能(有点生疏|实际上不存在)。有什么建议吗? Sitepoint的HTML和CSS参考是很好的起点。还有W3自己的HTML培训资源。 什么框架支持你的响应式HTML5模板? 我们的响应材料主要依赖于普通的CSS,但是为了方便起见,我们也使用了Skel的一些特性(比如重置和断点管理)。如果您以前从未使用过它,请务必查看它的文档。 你为什么要这么做? 练习!免费软件是试验随机新想法的好方法,由于其中一些可能最终对某些人有用,我们认为发布免费软件(在像CCA这样的许可下)是一件好事。

标签: HTML5 模版

阅读量: 34 2019-03-27