Share: A front-end layout tool (Alloydesigner)

Bothered

The designer gives the static high-fidelity picture, needs the front-end engineer to follow the high-fidelity diagram, carries on the HTML code.

Front-end engineer, the general working method is: Open the picture, while watching slices, while writing the corresponding HTML code.

There are two problems with this:

1, front-end engineers are more tired, and constantly switch pictures and editors, operations frequently. Hands tired!

2, the written HTML page, not necessarily with the designer's picture exactly match.

Alloydesigner Tools Introduction

http://alloyteam.github.io/AlloyDesigner/

Alloydesigner Introduction

Alloydesigner redefined the pattern of Web page building, and Alloydesigner directly embedded in your Web page to help you build your Web pages accurately and efficiently ui! Alloydesigner is a Visual Web building tool developed with HTML5 that is directly embedded in a Web page.

Alloydesigner is expected to save you 40% of UI development time, how about 40% more times a day for a cup of coffee?

Benefits:

1, let you write a Web page as a copy. Each step can have the result of a check adjustment to be correct.

2, after the HTML structure is defined in the editor, in the Chrome browser, adjust the style, consistent with the design picture, the results of the style adjustment is synced directly to the CSS file.

Unlike the current browser developer tools such as Firebug, after adjusting the style, the CSS code needs to be re-tested back into the CSS file.

3, there are outstanding use of measurement, amplification, hiding design pictures and other tools. (no additional software is used to do these things.) It's pretty amazing. ）

Alloydesigner Tool Installation

Http://alloyteam.github.io/AlloyDesigner/worddoc.html

1, Xamp tools. or other local web-run environments.

2. The location of Chrome settings Workspace is xamp Htcdoc folder.

3. Embed the Alloydesigner.js file in the HTML Web page you want to debug.

----and then you can taste it.

Alloyteam really good, for the Web front-end developers benefit Ah! http://alloyteam.github.io/

Share: A front-end layout tool (Alloydesigner)