可视化Web构建工具 AlloyDesigner

未知
JavaScript
跨平台
腾讯
2014-08-29
叶秀兰

AlloyDesigner 是一款致力于提高前端生产效率的浏览器内运行工具,AlloyDesigner + Chrome F12(Especially with WorkSpace)  打造前端新的开发和测试模式

为什么使用 AlloyDesigner?

1.AlloyDesigner是运行在页面上的一段JS代码,它只出现在开发、体验和测试阶段,不随项目发布

2.AlloyDesigner主要功能是将页面引入由设计师设计的视觉文件,与当前开发页面形成对比、参照,从而进行开发和测试

3.AlloyDesigner提供便于在浏览器进行开发页面的各项辅助工具,以打造一个浏览器开发环境。

4.AlloyDesigner与浏览器的开发者工具(F12)配合使用,F12工具提供直观的修改文档的能力,AlloyDesigner提供修改文档的参照、F12用于开发所缺少的工具

5.AlloyDesinger摒弃开发中使用Photoshop,减少对编辑器的依赖,减少使用编辑器硬编码的场景。

6.综上,AlloyDesigner致力改变前端开发模式

AlloyDesigner 重新定义了Web页面构建的模式,页面构建过程中,AlloyDesigner直接嵌入你的Web页面中运行,帮助你精准、高效的构建Web页面的 UI!AlloyDesigner 是用 HTML5 开发的、直接嵌入在Web页面中运行的可视化Web构建工具

AlloyDesigner 预计节省您40%的UI开发时间,每天多40%的时间一起喝杯咖啡如何?

Chrome插件支持

支持Chrome插件方式,轻松打开视觉稿进行体验、开发、测试

嵌入代码库方式,全面支持IE7+

<script src='alloydesigner.js' type='text/javascript'></script>

收藏夹工具支持

无需手动嵌入代码,添加至Chrome、Mordern IE收藏栏使用

强大记忆恢复功能

刷新后恢复上次状态,无需重新调整视觉稿位置

便利的快捷键操作

使用易记的快捷键操作,进一步提高开发效率

稳固的基础功能

固定视觉稿,调节透明度,测试开发等基础功能强健

丰富的开发辅助工具

包含测距工具、CSS助手与取色器等快捷工具


加载中

评论(0)

暂无评论

暂无资讯

50
回答
OSC 第 88 期高手问答 —— 移动 Web 开发
图灵教育 的回答 2015/09/09 14:34
最佳答案
活动已经结束,恭喜@@流云诸葛 、@小鸽子咕噜、@zhaowweny 、@leoxu 、@caotian 在高手问答环节中获得《JavaScript设计模式与开发实践》1本,请把邮寄地址私信给@图灵教育。再次感谢各位积极参与活动。邮寄信息格式:姓名+电话+地址+邮编号码。

没有更多内容

加载失败,请刷新页面

没有更多内容

腾讯的76款开源软件

工具: AlloyDesigner(可视化Web构建工具)致力于提高前端生产效率的浏览器内运行工具。 AlloyLever(Web开发调试工具) APT(Android性能测试工具)无需源代码,支持第三方应用,适合小白用...

2016/11/14 13:39
54
0
前端文档汇总(含代码规范、开发流程、知识分享,持续更新)

# front-end-Doc 前端文档汇总(含代码规范、开发流程、知识分享,持续更新) [原Github地址]( https://github.com/mgbq/front-end-Doc) 进去后可直接点链接查看文章 综合类 | 地址 --- | --...

2018/06/02 11:02
67
0
【转】前端涉及的所有知识体系

综合类 综合类 地址 前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonTian/fks Web前端开发大系概览 https://github.com/unruledbo...

2018/09/30 14:27
10
0
Web前端知识库

综合类 综合类 地址 大前端综合教程、资源汇总 https://github.com/nicejade/nice-front-end-tutorial/blob/master/tutorial/front-end-tutorial.md Roadmap to becoming a web developer i...

02/26 15:46
19
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部