本日志标题:移动Web开发在线工具jQuery Mobile Codiqa使用        [2012-3-9]

在平常进行移动端WEB设计时,不可避免会遇到各类问题,采用移动端设计框架能为我们节省不少的工作量。

记得之前了解到Jquery公布了移动Web开发框架jQuery Mobile 1.0 ,并且了解到Adobe基于该框架上开发的设计工具Moble ThemeRoller

这一如当年我们制作HTML页面需要Frontpage、Dreamweaver一样,现在我们制作移动端的WEB页面有了在线的可拖放、所见即所得的设计方式。

今天在Jquery首页试用了一下更简易版的在线编辑Codiqa,很容易上手。http://jquerymobile.com/



Codiqa包括了工具栏(顶部、底部、导航)、按钮(普通按钮、文本按钮)、内容区域(字号、文本区域、图像、手风琴区域、网格)、列表、表单等各类WEB元素

直接选择具体工具在页面中拖动布局,右侧可设置相关属性,最终完成后选择右上角的“Download HTML”下载获得生成的打包文件。

【建议直接到官网进行设计操作,多页面同时设计,多移动端系统、多移动端设备设计】http://www.codiqa.com/builder

以下是生成的代码,稍作修改之后一个移动端整站就完成了。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

移动端用户可以直接浏览 http://www.cnbruce.com/m/demo/hi.html



在百度搜索完整的移动Web开发在线工具jQuery Mobile Codiqa使用内容,或者用Google搜索相关的更多内容

By [cnbruce] at 12:06:13 | 评论 [3] | 浏览 [28993] | TrackBack| 返回顶部

About Comments
找了好久,终于找到了!谢博主
http://www.jysns.com
By [jysns] at 2012-5-6 11:52:59


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)