Responsive Design Made Easy, for Web and Mobile

Post on 06-Nov-2014

1,770 views 2 download

description

Design Responsive Websites Visually. The full power of code in a smart UI. Publish or export production-ready HTML & CSS. meet webflow.com, which offers a great online intuitive tool for creating responsive design, with great interface, many features and more.

transcript

Responsive Design

Made Easy

All content and media is copyrighted to webflow inc.

Ron Bentata | July 2013

The full power of code in a smart UI. Publish or export production-ready HTML & CSS

Don’t be limited to templates.Design anything!

With all the responsive elements and layout options at your fingertips, the possibilities are endless. This means no compromises as you craft your unique designs.

Add basic building blocksAll of web’s basic building blocks are neatly packaged for you. Just drag and drop anywhere on the page.

Responsive grid systemOur advanced layout system lets you easily create responsive columns that will automatically fit to any screen resolution.

Create custom layoutsDo you want a unique layout? You can easily customize your layout with our grid editor. Also, tweak your layout for different devices.

Web Typography Borders & shadows

Hover & pressed states

Multiple backgrounds

Transitions and more!

Linear & radial gradients

Cascading Styles

Media query management

Like a programmer, you have full control

Powerful CSS selector engine generates the same type of code as a programmer would

write! No random IDs or crazy absolute positions.

PUBLISH

EXPORT

http://tutorials.webflow.com/

Go To: http://www.webflow.com/

View Quick Start Tutorials

All content and media is copyrighted to webflow inc.

Ron Bentata | July 2013