[Ruby on Rails] 用rails实现Balsamiq Mockups
2011-06-22 17:37
267 查看
以前也用过
Balsamiq Mockups,没产生过什么额外的想法,更不可能把它与rails联系起来。
今天我这个不务正业的人想画一个网页,自然而然想到了 Balsamiq Mockups。
最近用rails写过一个烂的能勉强使用的CMS,我突然发现我写的CMS与Balsamiq Mockups有点相像。当然,
Balsamiq Mockups是用AIR写的。
于是,我就想:能不能把我的烂CMS改造一下,做成一个网页版 Balsamiq Mockups?
我这人很懒,只会想会做。于是我开始想……
1、Mockups的一个个小控件就相当于CMS的一个个模块,添加控件就相当于添加模块,Mockups的控件属性相当于模块的属性。Mockups控件是自由拖动的,我们的模块position就是absolute。
2、Mockups的控件有一些通用操作,通过js基本都可以实现。比如,复制控件--复制一个新节点,粘贴控件--把节点插入到网页中,删除控件--删除节点。
3、Mockups控件还可以组合、分拆。我仔细想一下之后,觉得也可以实现,就是额外添加一个div,把组合的模块放到这个div里,然后固定住。分拆就是把这个div去掉。
4、Mockups控件还有上下的层次,可以使用z-index实现。
5、Mockups控件可以直接修改一些属性而不是在弹出框中修改。我本以为网页难以实现,结果我错了(
http://bbs.blueidea.com/thread-2195999-1-607.html),这个问题又解决了。
6、Mockups添加控件时一拖就可以,我觉得在网页中难以实现,但是通过一个按钮添加实现也不赖。
……
貌似大部分问题都能解决,可以写的烂的可运行,当然效率不敢恭维。
实在想不出这么做有什么价值,继续用
Balsamiq Mockups画个图玩玩……
Balsamiq Mockups,没产生过什么额外的想法,更不可能把它与rails联系起来。
今天我这个不务正业的人想画一个网页,自然而然想到了 Balsamiq Mockups。
最近用rails写过一个烂的能勉强使用的CMS,我突然发现我写的CMS与Balsamiq Mockups有点相像。当然,
Balsamiq Mockups是用AIR写的。
于是,我就想:能不能把我的烂CMS改造一下,做成一个网页版 Balsamiq Mockups?
我这人很懒,只会想会做。于是我开始想……
1、Mockups的一个个小控件就相当于CMS的一个个模块,添加控件就相当于添加模块,Mockups的控件属性相当于模块的属性。Mockups控件是自由拖动的,我们的模块position就是absolute。
2、Mockups的控件有一些通用操作,通过js基本都可以实现。比如,复制控件--复制一个新节点,粘贴控件--把节点插入到网页中,删除控件--删除节点。
3、Mockups控件还可以组合、分拆。我仔细想一下之后,觉得也可以实现,就是额外添加一个div,把组合的模块放到这个div里,然后固定住。分拆就是把这个div去掉。
4、Mockups控件还有上下的层次,可以使用z-index实现。
5、Mockups控件可以直接修改一些属性而不是在弹出框中修改。我本以为网页难以实现,结果我错了(
http://bbs.blueidea.com/thread-2195999-1-607.html),这个问题又解决了。
6、Mockups添加控件时一拖就可以,我觉得在网页中难以实现,但是通过一个按钮添加实现也不赖。
……
貌似大部分问题都能解决,可以写的烂的可运行,当然效率不敢恭维。
实在想不出这么做有什么价值,继续用
Balsamiq Mockups画个图玩玩……
相关文章推荐
- 通过js实现编辑功能ruby on rails 弹出层
- Ruby on Rails创建你自己的User并实现登陆功能
- Ruby on rails 或 Ruby Goliath 利用redis + sidekiq 实现异步处理机制
- ruby on rails 注册登录模块的简单实现
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转
- 通过弹出层实现新建功能 ruby on rails
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转
- 利用to_param实现Ruby on Rails 的URL优化
- 轻松掌握Ruby on Rails上传图片实现技巧
- 使用 XForms 和 Ruby on Rails 开发小型门诊管理系统,第 2 部分:实现患者信息 Xform
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转(修正原版错误)
- 通过弹出层实现新建功能 ruby on rails
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转
- ruby on rails 4 中利用 remote:true 实现 ajax ,小记
- ruby on rails 实现动态子域名进入相关店铺页面
- 使用 XForms 和 Ruby on Rails 开发小型门诊管理系统,第 3 部分:实现护士和医生 Xform
- Ruby On Rails 学习:Rails3中实现数据分页和排序
- 基本身份验证(HTTP Basic Authentication)及在Ruby on Rails下的实现
- 通过js实现删除功能 ruby on rails
- RubyOnRails在redactor中通过paperclip实现图片上传并编辑的功能