AlloyDesigner可視化 Web 構(gòu)建工具

AlloyDesigner 是一款致力于提高前端生產(chǎn)效率的瀏覽器內(nèi)運(yùn)行工具，AlloyDesigner + Chrome F12(Especially with WorkSpace)  打造前端新的開(kāi)發(fā)和測(cè)試模式

為什么使用 AlloyDesigner?

1.AlloyDesigner是運(yùn)行在頁(yè)面上的一段JS代碼，它只出現(xiàn)在開(kāi)發(fā)、體驗(yàn)和測(cè)試階段，不隨項(xiàng)目發(fā)布

2.AlloyDesigner主要功能是將頁(yè)面引入由設(shè)計(jì)師設(shè)計(jì)的視覺(jué)文件，與當(dāng)前開(kāi)發(fā)頁(yè)面形成對(duì)比、參照，從而進(jìn)行開(kāi)發(fā)和測(cè)試

3.AlloyDesigner提供便于在瀏覽器進(jìn)行開(kāi)發(fā)頁(yè)面的各項(xiàng)輔助工具，以打造一個(gè)瀏覽器開(kāi)發(fā)環(huán)境。

4.AlloyDesigner與瀏覽器的開(kāi)發(fā)者工具（F12）配合使用，F(xiàn)12工具提供直觀的修改文檔的能力，AlloyDesigner提供修改文檔的參照、F12用于開(kāi)發(fā)所缺少的工具

5.AlloyDesinger摒棄開(kāi)發(fā)中使用Photoshop，減少對(duì)編輯器的依賴，減少使用編輯器硬編碼的場(chǎng)景。

6.綜上，AlloyDesigner致力改變前端開(kāi)發(fā)模式

AlloyDesigner 重新定義了Web頁(yè)面構(gòu)建的模式，頁(yè)面構(gòu)建過(guò)程中，AlloyDesigner直接嵌入你的Web頁(yè)面中運(yùn)行，幫助你精準(zhǔn)、高效的構(gòu)建Web頁(yè)面的 UI！AlloyDesigner 是用 HTML5 開(kāi)發(fā)的、直接嵌入在Web頁(yè)面中運(yùn)行的可視化Web構(gòu)建工具

AlloyDesigner 預(yù)計(jì)節(jié)省您40%的UI開(kāi)發(fā)時(shí)間，每天多40%的時(shí)間一起喝杯咖啡如何？

Chrome插件支持

支持Chrome插件方式，輕松打開(kāi)視覺(jué)稿進(jìn)行體驗(yàn)、開(kāi)發(fā)、測(cè)試

嵌入代碼庫(kù)方式，全面支持IE7+

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

收藏夾工具支持

無(wú)需手動(dòng)嵌入代碼,添加至Chrome、Mordern IE收藏欄使用

強(qiáng)大記憶恢復(fù)功能

刷新后恢復(fù)上次狀態(tài)，無(wú)需重新調(diào)整視覺(jué)稿位置

便利的快捷鍵操作

使用易記的快捷鍵操作，進(jìn)一步提高開(kāi)發(fā)效率

穩(wěn)固的基礎(chǔ)功能

固定視覺(jué)稿，調(diào)節(jié)透明度，測(cè)試開(kāi)發(fā)等基礎(chǔ)功能強(qiáng)健

豐富的開(kāi)發(fā)輔助工具

包含測(cè)距工具、CSS助手與取色器等快捷工具