+ All Categories
Transcript
Page 1: Responsive Design Made Easy, for Web and Mobile

Responsive Design

Made Easy

All content and media is copyrighted to webflow inc.

Ron Bentata | July 2013

Page 2: Responsive Design Made Easy, for Web and Mobile

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

Page 3: Responsive Design Made Easy, for Web and Mobile

Don’t be limited to templates.Design anything!

Page 4: Responsive Design Made Easy, for Web and Mobile

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.

Page 5: Responsive Design Made Easy, for Web and Mobile

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.

Page 6: Responsive Design Made Easy, for Web and Mobile

Web Typography Borders & shadows

Hover & pressed states

Multiple backgrounds

Transitions and more!

Linear & radial gradients

Page 7: Responsive Design Made Easy, for Web and Mobile

Cascading Styles

Media query management

Like a programmer, you have full control

Page 8: Responsive Design Made Easy, for Web and Mobile

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

write! No random IDs or crazy absolute positions.

PUBLISH

EXPORT

Page 9: Responsive Design Made Easy, for Web and Mobile

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


Top Related