SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Building Responsive Layouts

by Graphic Designer and Web Developer at self-employed on Aug 28, 2012

  • 10,263 views

Get links to lots of related resources at http://zomigi.com/blog/responsive-layouts-presentation. ...

Get links to lots of related resources at http://zomigi.com/blog/responsive-layouts-presentation.

In this presentation, you'll learn about two of the core components of responsive web design: fluid/liquid layouts and media queries. I cover fluid and hybrid fixed-fluid layout techniques, tips, and tricks so that you can build robust, flexible layouts without pulling your hair out. I then walk through adding CSS3 media queries onto a fluid layout to make it fully responsive to a variety of screen sizes and devices. Even older versions of Internet Explorer get some love with solutions to help them deal with your shiny new responsive layouts.

Statistics

Views

Total Views
10,263
Views on SlideShare
8,951
Embed Views
1,312

Actions

Likes
29
Downloads
237
Comments
0

25 Embeds 1,312

http://www.webteacher.ws 378
http://www.bram.us 371
http://storify.com 226
http://toolbox-4-websites.com 132
http://blog.dasmith.co.uk 75
http://www.scoop.it 26
https://twitter.com 23
http://class2go.auca.kg 17
http://funaan.com 14
http://singhnehaj.blogspot.com 13
http://singhnehaj.blogspot.in 10
http://pinterest.com 6
https://si0.twimg.com 4
http://singhnehaj.blogspot.co.uk 2
http://www.singhnehaj.blogspot.in 2
http://feeds.feedburner.com 2
http://tweetedtimes.com 2
http://www.pinterest.com 2
http://patientbuilding.buntt.us 1
https://twimg0-a.akamaihd.net 1
http://translate.googleusercontent.com 1
http://www.linkedin.com 1
http://yandex.ru 1
http://www.google.com 1
http://safe.tumblr.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
Post Comment
Edit your comment

Building Responsive Layouts Building Responsive Layouts Presentation Transcript