SlideShare a Scribd company logo
1 of 9
Download to read offline
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
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.
Add basic building
blocks
All of web’s basic
building blocks are
neatly packaged for
you. Just drag and
drop anywhere on the
page.
Responsive grid
system
Our advanced layout
system lets you easily
create responsive
columns that will
automatically fit to
any screen resolution.
Create custom layouts
Do 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.
PUBLIS
H
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

More Related Content

Viewers also liked

Segura nas mãos de deus eda carneiro da rocha
Segura nas mãos de deus eda carneiro da rochaSegura nas mãos de deus eda carneiro da rocha
Segura nas mãos de deus eda carneiro da rochaLuzia Gabriele
 
You stink at email: Why spend time writing something nobody wants to read?
You stink at email: Why spend time writing something nobody wants to read? You stink at email: Why spend time writing something nobody wants to read?
You stink at email: Why spend time writing something nobody wants to read? Viqui Dill
 
iBe A State of Digital Innovation Report 2015
iBe A State of Digital Innovation Report 2015iBe A State of Digital Innovation Report 2015
iBe A State of Digital Innovation Report 2015Phil Falato
 
DigitasLBi Connected Commerce Survey 2016
DigitasLBi Connected Commerce Survey 2016DigitasLBi Connected Commerce Survey 2016
DigitasLBi Connected Commerce Survey 2016Digitas North America
 
Bioabsorbable Implants for Fixation of Scarf and Akin Osteotomies and PIP-Ar...
Bioabsorbable Implants for Fixation  of Scarf and Akin Osteotomies and PIP-Ar...Bioabsorbable Implants for Fixation  of Scarf and Akin Osteotomies and PIP-Ar...
Bioabsorbable Implants for Fixation of Scarf and Akin Osteotomies and PIP-Ar...Dr. med. Christian Kinast
 
Learning to use Desmos KS3
Learning to use Desmos KS3Learning to use Desmos KS3
Learning to use Desmos KS3Colleen Young
 
Articulo bioetica
Articulo bioeticaArticulo bioetica
Articulo bioeticasharon16b
 
Workflow, container, and beyond
Workflow, container, and beyondWorkflow, container, and beyond
Workflow, container, and beyondKohsuke Kawaguchi
 
Building Startup Ecosystems (Singapore, July 2014)
Building Startup Ecosystems (Singapore, July 2014)Building Startup Ecosystems (Singapore, July 2014)
Building Startup Ecosystems (Singapore, July 2014)Dave McClure
 
Liste des Métiers d’Art 2016
Liste des Métiers d’Art 2016Liste des Métiers d’Art 2016
Liste des Métiers d’Art 2016Geoffrey Dorne
 
El frustrado regreso
El frustrado regresoEl frustrado regreso
El frustrado regresoIADERE
 

Viewers also liked (15)

Segura nas mãos de deus eda carneiro da rocha
Segura nas mãos de deus eda carneiro da rochaSegura nas mãos de deus eda carneiro da rocha
Segura nas mãos de deus eda carneiro da rocha
 
High aspirations, stark realities
High aspirations, stark realitiesHigh aspirations, stark realities
High aspirations, stark realities
 
You stink at email: Why spend time writing something nobody wants to read?
You stink at email: Why spend time writing something nobody wants to read? You stink at email: Why spend time writing something nobody wants to read?
You stink at email: Why spend time writing something nobody wants to read?
 
Villa Verde
Villa VerdeVilla Verde
Villa Verde
 
iBe A State of Digital Innovation Report 2015
iBe A State of Digital Innovation Report 2015iBe A State of Digital Innovation Report 2015
iBe A State of Digital Innovation Report 2015
 
DigitasLBi Connected Commerce Survey 2016
DigitasLBi Connected Commerce Survey 2016DigitasLBi Connected Commerce Survey 2016
DigitasLBi Connected Commerce Survey 2016
 
ASP.NET Identity
ASP.NET IdentityASP.NET Identity
ASP.NET Identity
 
Bioabsorbable Implants for Fixation of Scarf and Akin Osteotomies and PIP-Ar...
Bioabsorbable Implants for Fixation  of Scarf and Akin Osteotomies and PIP-Ar...Bioabsorbable Implants for Fixation  of Scarf and Akin Osteotomies and PIP-Ar...
Bioabsorbable Implants for Fixation of Scarf and Akin Osteotomies and PIP-Ar...
 
Le Duc
Le DucLe Duc
Le Duc
 
Learning to use Desmos KS3
Learning to use Desmos KS3Learning to use Desmos KS3
Learning to use Desmos KS3
 
Articulo bioetica
Articulo bioeticaArticulo bioetica
Articulo bioetica
 
Workflow, container, and beyond
Workflow, container, and beyondWorkflow, container, and beyond
Workflow, container, and beyond
 
Building Startup Ecosystems (Singapore, July 2014)
Building Startup Ecosystems (Singapore, July 2014)Building Startup Ecosystems (Singapore, July 2014)
Building Startup Ecosystems (Singapore, July 2014)
 
Liste des Métiers d’Art 2016
Liste des Métiers d’Art 2016Liste des Métiers d’Art 2016
Liste des Métiers d’Art 2016
 
El frustrado regreso
El frustrado regresoEl frustrado regreso
El frustrado regreso
 

More from Ron Bentata

How to Approach Tech Bloggers
How to Approach Tech BloggersHow to Approach Tech Bloggers
How to Approach Tech BloggersRon Bentata
 
The Rule of 100 - Talking About Numbers
The Rule of 100 - Talking About NumbersThe Rule of 100 - Talking About Numbers
The Rule of 100 - Talking About NumbersRon Bentata
 
Patents and Making Money, ron bentata
Patents and Making Money, ron bentataPatents and Making Money, ron bentata
Patents and Making Money, ron bentataRon Bentata
 
Marketing Experiments | Test your marketing techniques for effective results
Marketing Experiments | Test your marketing techniques for effective resultsMarketing Experiments | Test your marketing techniques for effective results
Marketing Experiments | Test your marketing techniques for effective resultsRon Bentata
 

More from Ron Bentata (7)

How to Approach Tech Bloggers
How to Approach Tech BloggersHow to Approach Tech Bloggers
How to Approach Tech Bloggers
 
The Rule of 100 - Talking About Numbers
The Rule of 100 - Talking About NumbersThe Rule of 100 - Talking About Numbers
The Rule of 100 - Talking About Numbers
 
Patents and Making Money, ron bentata
Patents and Making Money, ron bentataPatents and Making Money, ron bentata
Patents and Making Money, ron bentata
 
Marketing Experiments | Test your marketing techniques for effective results
Marketing Experiments | Test your marketing techniques for effective resultsMarketing Experiments | Test your marketing techniques for effective results
Marketing Experiments | Test your marketing techniques for effective results
 
App-To-Eat
App-To-EatApp-To-Eat
App-To-Eat
 
Edith Lingerie
Edith LingerieEdith Lingerie
Edith Lingerie
 
Navi Arnavi
Navi ArnaviNavi Arnavi
Navi Arnavi
 

Recently uploaded

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 

Recently uploaded (19)

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 

Responsive Design Made Easy, for Web and Mobile

  • 1. All content and media is copyrighted to webflow inc. Ron Bentata | July 2013
  • 2. The full power of code in a smart UI. Publish or export production-ready HTML & CSS
  • 4. 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.
  • 5. Add basic building blocks All of web’s basic building blocks are neatly packaged for you. Just drag and drop anywhere on the page. Responsive grid system Our advanced layout system lets you easily create responsive columns that will automatically fit to any screen resolution. Create custom layouts Do you want a unique layout? You can easily customize your layout with our grid editor. Also, tweak your layout for different devices.
  • 6. Web Typography Borders & shadows Hover & pressed states Multiple backgrounds Transitions and more! Linear & radial gradients
  • 7. Cascading Styles Media query management Like a programmer, you have full control
  • 8. Powerful CSS selector engine generates the same type of code as a programmer would write! No random IDs or crazy absolute positions. PUBLIS H EXPORT
  • 9. 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