SlideShare una empresa de Scribd logo
1 de 18
2Dfor3D.com
[object Object],[object Object],[object Object],[object Object]
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
 
#footer { Margin: 0px 0px 0px 10px; border: none; padding: 0; width: 100%; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; } Inclusive design The idea that by designing for accessibility we create better solutions that everyone enjoys. Also known as “Universal design” CSS Cascading style sheets used to define the styling of visual elements in web pages. The thesis  Using CSS is such a clear method for defining styling that even computer s understand it.  It stands to reason that  it’s  probably a good method for people to employ too… … Especially when they’re just starting out. Lever operated taps were originally  designed for access by people with disabilities Sample CSS code specifying the design for a footer element

Más contenido relacionado

Similar a Layout

How to develop a CSS Framework
How to develop a CSS FrameworkHow to develop a CSS Framework
How to develop a CSS FrameworkOlivier Besson
 
Web design v roku 2013
Web design v roku 2013Web design v roku 2013
Web design v roku 2013vibration.sk
 
An Introduction to CSS Frameworks
An Introduction to CSS FrameworksAn Introduction to CSS Frameworks
An Introduction to CSS FrameworksAdrian Westlake
 
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.GaziAhsan
 
Slow kinda sucks
Slow kinda sucksSlow kinda sucks
Slow kinda sucksTim Wright
 
Making Your Own CSS Framework
Making Your Own CSS FrameworkMaking Your Own CSS Framework
Making Your Own CSS FrameworkDan Sagisser
 
The Future Of CSS
The Future Of CSSThe Future Of CSS
The Future Of CSSAndy Budd
 
Website trends 2012 presentation
Website trends 2012 presentationWebsite trends 2012 presentation
Website trends 2012 presentationFresh_Egg
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid PrototypingEven Wu
 
CSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondCSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondDenise Jacobs
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Erin M. Kidwell
 
Simply Responsive CSS3
Simply Responsive CSS3Simply Responsive CSS3
Simply Responsive CSS3Denise Jacobs
 
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and TechniquesResponsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and TechniquesVitaly Friedman
 

Similar a Layout (20)

Css framework
Css frameworkCss framework
Css framework
 
How to develop a CSS Framework
How to develop a CSS FrameworkHow to develop a CSS Framework
How to develop a CSS Framework
 
Css framework
Css frameworkCss framework
Css framework
 
Web design v roku 2013
Web design v roku 2013Web design v roku 2013
Web design v roku 2013
 
Roadmap 01
Roadmap 01Roadmap 01
Roadmap 01
 
An Introduction to CSS Frameworks
An Introduction to CSS FrameworksAn Introduction to CSS Frameworks
An Introduction to CSS Frameworks
 
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.
 
Rwd slidedeck
Rwd slidedeckRwd slidedeck
Rwd slidedeck
 
Slow kinda sucks
Slow kinda sucksSlow kinda sucks
Slow kinda sucks
 
Understanding sass
Understanding sassUnderstanding sass
Understanding sass
 
Making Your Own CSS Framework
Making Your Own CSS FrameworkMaking Your Own CSS Framework
Making Your Own CSS Framework
 
Design responsively
Design responsivelyDesign responsively
Design responsively
 
The Future Of CSS
The Future Of CSSThe Future Of CSS
The Future Of CSS
 
Website trends 2012 presentation
Website trends 2012 presentationWebsite trends 2012 presentation
Website trends 2012 presentation
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid Prototyping
 
CSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondCSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to Respond
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
 
Simply Responsive CSS3
Simply Responsive CSS3Simply Responsive CSS3
Simply Responsive CSS3
 
Team styles
Team stylesTeam styles
Team styles
 
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and TechniquesResponsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
 

Más de Vimi.co Ltd - Bangkok Web Agency

3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective
3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective
3 Mistakes to Avoid When Setting-up Your Thai business - a Legal PerspectiveVimi.co Ltd - Bangkok Web Agency
 
Strategies and their pitfalls: How Selling to Nokia Nearly Killed Our Company
Strategies and their pitfalls: How Selling to Nokia Nearly Killed Our CompanyStrategies and their pitfalls: How Selling to Nokia Nearly Killed Our Company
Strategies and their pitfalls: How Selling to Nokia Nearly Killed Our CompanyVimi.co Ltd - Bangkok Web Agency
 
Optimizing Reciprocation - Maximize your Return on Investment from Giveaways
Optimizing Reciprocation - Maximize your Return on Investment from GiveawaysOptimizing Reciprocation - Maximize your Return on Investment from Giveaways
Optimizing Reciprocation - Maximize your Return on Investment from GiveawaysVimi.co Ltd - Bangkok Web Agency
 
Digital Distinction. Delivered - Vimi - Cognitive App Design & Development
Digital Distinction. Delivered - Vimi - Cognitive App Design & DevelopmentDigital Distinction. Delivered - Vimi - Cognitive App Design & Development
Digital Distinction. Delivered - Vimi - Cognitive App Design & DevelopmentVimi.co Ltd - Bangkok Web Agency
 
Digital Distinction. Delivered - Vimi - Cognitive Website Design
Digital Distinction. Delivered - Vimi - Cognitive Website DesignDigital Distinction. Delivered - Vimi - Cognitive Website Design
Digital Distinction. Delivered - Vimi - Cognitive Website DesignVimi.co Ltd - Bangkok Web Agency
 
The INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 edition
The INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 editionThe INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 edition
The INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 editionVimi.co Ltd - Bangkok Web Agency
 

Más de Vimi.co Ltd - Bangkok Web Agency (20)

Business Recovery and Sustainable Growth
Business Recovery and Sustainable GrowthBusiness Recovery and Sustainable Growth
Business Recovery and Sustainable Growth
 
How to Secure Seed Funding for Your Startup
How to Secure Seed Funding for Your StartupHow to Secure Seed Funding for Your Startup
How to Secure Seed Funding for Your Startup
 
Do Givers Gain? How are Reciprocity & Success Linked?
Do Givers Gain? How are Reciprocity & Success Linked?Do Givers Gain? How are Reciprocity & Success Linked?
Do Givers Gain? How are Reciprocity & Success Linked?
 
Confidence, Experience & the Curse of Knowledge
Confidence, Experience & the Curse of KnowledgeConfidence, Experience & the Curse of Knowledge
Confidence, Experience & the Curse of Knowledge
 
Thinking fast and slow - How your brain makes decisions
Thinking fast and slow - How your brain makes decisionsThinking fast and slow - How your brain makes decisions
Thinking fast and slow - How your brain makes decisions
 
3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective
3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective
3 Mistakes to Avoid When Setting-up Your Thai business - a Legal Perspective
 
Strategies and their pitfalls: How Selling to Nokia Nearly Killed Our Company
Strategies and their pitfalls: How Selling to Nokia Nearly Killed Our CompanyStrategies and their pitfalls: How Selling to Nokia Nearly Killed Our Company
Strategies and their pitfalls: How Selling to Nokia Nearly Killed Our Company
 
Cognitive apps & more.../ VIMI.CO 2019 Fall Catalog \
Cognitive apps & more.../ VIMI.CO 2019 Fall Catalog \Cognitive apps & more.../ VIMI.CO 2019 Fall Catalog \
Cognitive apps & more.../ VIMI.CO 2019 Fall Catalog \
 
Paying Attention & the Illusion of Multitasking
Paying Attention & the Illusion of MultitaskingPaying Attention & the Illusion of Multitasking
Paying Attention & the Illusion of Multitasking
 
Optimizing Reciprocation - Maximize your Return on Investment from Giveaways
Optimizing Reciprocation - Maximize your Return on Investment from GiveawaysOptimizing Reciprocation - Maximize your Return on Investment from Giveaways
Optimizing Reciprocation - Maximize your Return on Investment from Giveaways
 
Brains, Biases & Business - How to Hack Your Customers
Brains, Biases & Business - How to Hack Your Customers Brains, Biases & Business - How to Hack Your Customers
Brains, Biases & Business - How to Hack Your Customers
 
How Social Are You?
How Social  Are You? How Social  Are You?
How Social Are You?
 
Can Marshmallows Predict Success?
Can Marshmallows Predict Success?Can Marshmallows Predict Success?
Can Marshmallows Predict Success?
 
Brain Hacks to Power Your UX
Brain Hacks to Power Your UX Brain Hacks to Power Your UX
Brain Hacks to Power Your UX
 
Power, Prestige & Pitchforks #BNI #NEC
Power, Prestige & Pitchforks #BNI #NECPower, Prestige & Pitchforks #BNI #NEC
Power, Prestige & Pitchforks #BNI #NEC
 
Digital Distinction. Delivered - Vimi - Cognitive App Design & Development
Digital Distinction. Delivered - Vimi - Cognitive App Design & DevelopmentDigital Distinction. Delivered - Vimi - Cognitive App Design & Development
Digital Distinction. Delivered - Vimi - Cognitive App Design & Development
 
Bni 10 Minutes of Titans - NEC
Bni 10 Minutes of Titans - NECBni 10 Minutes of Titans - NEC
Bni 10 Minutes of Titans - NEC
 
BNI referrals by the tier - NEC
BNI referrals by the tier - NECBNI referrals by the tier - NEC
BNI referrals by the tier - NEC
 
Digital Distinction. Delivered - Vimi - Cognitive Website Design
Digital Distinction. Delivered - Vimi - Cognitive Website DesignDigital Distinction. Delivered - Vimi - Cognitive Website Design
Digital Distinction. Delivered - Vimi - Cognitive Website Design
 
The INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 edition
The INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 editionThe INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 edition
The INCREDIBLE GUIDE to WEBSITE CREDIBILITY | 2015 edition
 

Último

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 

Último (20)

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 

Layout

  • 2.
  • 3.  
  • 4.  
  • 5.
  • 6.  
  • 7.
  • 8.  
  • 9.  
  • 10.
  • 11.  
  • 12.
  • 13.  
  • 14.  
  • 15.  
  • 16.  
  • 17.  
  • 18. #footer { Margin: 0px 0px 0px 10px; border: none; padding: 0; width: 100%; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; } Inclusive design The idea that by designing for accessibility we create better solutions that everyone enjoys. Also known as “Universal design” CSS Cascading style sheets used to define the styling of visual elements in web pages. The thesis Using CSS is such a clear method for defining styling that even computer s understand it. It stands to reason that it’s probably a good method for people to employ too… … Especially when they’re just starting out. Lever operated taps were originally designed for access by people with disabilities Sample CSS code specifying the design for a footer element