Webflow is a really nice WYSIWYG responsive web design web app. Like Adobe Reflow, but better.
We’ve gotten to the point where developers think the designer should learn to code and the designer thinks the developer should figure out how the site should adapt. Services like this should favour both.
It appears to only support iPhone and iPad views (although screen resizing will do, to an extent), which is silly since they’re both in the minority of their markets now, but the interface is really nice and offers a very good visual representation of what’s actually going on with the design.
What’s most useful though in my opinion is that values are clearly visible. If a developer is handed a Photoshop file it’s often hard to weed out margin sizes, padding, gradient percentages. Things like border radius values just aren’t given. Clicking on an element in Webflow reveals all information about it, ready to plug into your CSS.
Webflow claims that the code outputted is ‘the same that a developer would write’, which is encouraging, given programs like Dreamweaver output spaghetti code.
Check it out, you’ll be pleasantly surprised.
Source: Jon Thompson