Responsive code

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

description

 

Transcript of Responsive code

Page 1: Responsive code

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

Page 2: Responsive code
Page 3: Responsive code

The world is changing.....Information

Page 4: Responsive code

We no longer design for the web,

We now design for _____ ?

Page 5: Responsive code

Response Web Design

R. DeglerAmigos Webinar2-8-13

What do wedo now!

Page 6: Responsive code

Inspiration

Page 8: Responsive 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: Responsive code

Frameworks

Page 12: Responsive code
Page 13: Responsive code

Rows and Columns

Page 14: Responsive code

Rows and Columnstwelve columns

eight columns four columns

Page 15: Responsive code

How is it done?

Page 16: Responsive code

View code examples: http://atyourlibrary.com

Page 17: Responsive code

Responsive Design makes it easier not easy!

Page 19: Responsive code

Image/Content Credits

• Images- http://sxc.hu

• Images- http://abookapart.com

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

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

Page 20: Responsive code

Helpful Links

• Site testing- http://responsive.is

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

Page 21: Responsive code