Founder interviews, pre-release product design, hand crafted inventions.
Get the digest of our best ones, straight in your inbox. Every month.
Founder interviews, pre-release product design, hand crafted inventions.
Get the digest of our best ones, straight in your inbox. Every month.

Webflow – like Adobe Reflow, but better

Techmog is a liquid network of engineers, programmers, designers and entrepreneurs in and around London who report on the industry we work in, from an insider's view. We're always looking for Londoners with something interesting to say. Send an email to info@techmog.com if you would like to contribute to the website.

Peter Bailey

Freelance Wordpress Developer in London (peabay.xyz) @peabay
Share on Google+
Post to Reddit
Share on Linkedin

Webflow CSS Playground - Google Chrome_2013-03-21_10-23-17Webflow 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

Posted 21st Mar 2013
Share on Google+
Post to Reddit
Share on Linkedin

Comments