its not the size of the screen, it how resposive the code

21
Responsive Web Design Its not the size of the screen, its how responsive the code!

Upload: roy-degler

Post on 09-Mar-2016

219 views

Category:

Documents


0 download

DESCRIPTION

Its not the size of the screen, it how resposive the code.

TRANSCRIPT

Page 1: Its not the size of the screen, it how resposive the code

Responsive Web DesignIts not the size of the screen, its how responsive the code!

Page 2: Its not the size of the screen, it how resposive the code
Page 3: Its not the size of the screen, it how resposive the code

The world is changing.....Information

Page 4: Its not the size of the screen, it how resposive the code

We no longer design for the web,

We now design for _____ ?

Page 5: Its not the size of the screen, it how resposive the code

Response Web Design

R. DeglerAmigos Webinar2-8-13

What do wedo now!

Page 6: Its not the size of the screen, it how resposive the code

Inspiration

Page 8: Its not the size of the screen, it how resposive the code

There’s a general agreement that the “mobile” user is not to be trifled with; give them the content they want as quickly as possible ‘cause they’re in a hurry. But the corollary does not hold true. Why do we think that the “desktop” user is more willing to put up with having unnecessary crap thrown at them?

http://www.zeldman.com/2011/04/27/adactio-journal%E2%80%94content-first/

Jeffery Zeldman

Page 10: Its not the size of the screen, it how resposive the code

Frameworks

Page 12: Its not the size of the screen, it how resposive the code
Page 13: Its not the size of the screen, it how resposive the code

Rows and Columns

Page 14: Its not the size of the screen, it how resposive the code

Rows and Columnstwelve columns

eight columns four columns

Page 15: Its not the size of the screen, it how resposive the code

How is it done?

Page 16: Its not the size of the screen, it how resposive the code

View code examples: http://atyourlibrary.com

Page 17: Its not the size of the screen, it how resposive the code

Responsive Design makes it easier not easy!

Page 19: Its not the size of the screen, it how resposive the code

Image/Content Credits

• Images- http://sxc.hu

• Images- http://abookapart.com

• Images- http://www.oup.com

• Images- http://commons.wikimedia.org

Page 20: Its not the size of the screen, it how resposive the code

Helpful Links

• Site testing- http://responsive.is

• Great examples- http://mediaqueri.es/

Page 21: Its not the size of the screen, it how resposive the code