Put pixel perfect interactive designs online with the live MXML renderer

Screen Shot 2016-02-17 at 6.26.39 PMPart of the goal of Radiate is to get your design online. Part of the challenge of that is getting the online live site to reproduce your design faithfully. We can, of course, create an image snapshot but that’s not very interactive. We could export to HTML and CSS. But, that has issues too. However, if we want to get exact, we could render the same design in the browser using Flex.

Screen Shot 2016-02-18 at 6.09.51 AM

Radiate is built using Flex. Radiate also uses MXML, the markup language of Flex, to store and retrieve the design. Since Flex runs on top of the Flash Player runtime, it means that we can faithfully reproduce the same design with interactions in the browser. Why is this good? If you’re a designer, you know how much it pains you when the layout is off and the typography is poor and you’re trying to show your best work. With MXML and Flex you can faithfully reproduce your design. It also means you can share work with a Flex developer for any potential projects.

Screen Shot 2016-02-18 at 6.09.59 AM

So this is a prototype you can use to write client side MXML at runtime. Right now it’s an desktop app but the online version is not far from now. Download.

UPDATE: (Feb 11, 2017)
The MXML editor, now called MXML Azzurro, is now online here. It features code complete, save and restore and more.

It includes two and half error reporting tools. The first is XML validation errors from both Flash and the browser (internal browser) and the second is from MXML importer using reflection. It’s possible to run this on the web and add code completion in time.

Once this is integrated into Radiate, you’ll be able to post and share pixel perfect interactive designs online. Please post any feedback. Enjoy.