responsive web design: beyond flexible grids and fluid images

51

Upload: stephanie-walter

Post on 17-Aug-2014

1.340 views

Category:

Design


3 download

DESCRIPTION

For most people, the term “Responsive Web Design” refers to fluid grids, flexible images and media-queries. This is actually just the tip of the iceberg and there is a whole more to do if we want to provide users the best experience possible regardless to the device they are using. Based on what I’ve seen on “real” projects, I’ll show you some of the challenging and “not so pink” areas in the field. We will also take a closer look at what is possible and will be possible in the future to improve experience on many devices. (see HTML slides http://inpixelitrust.fr/conf/smd-2013/ )

TRANSCRIPT

Page 1: Responsive Web Design: beyond flexible grids and fluid images
Page 2: Responsive Web Design: beyond flexible grids and fluid images
Page 3: Responsive Web Design: beyond flexible grids and fluid images
Page 4: Responsive Web Design: beyond flexible grids and fluid images
Page 5: Responsive Web Design: beyond flexible grids and fluid images
Page 6: Responsive Web Design: beyond flexible grids and fluid images
Page 7: Responsive Web Design: beyond flexible grids and fluid images
Page 8: Responsive Web Design: beyond flexible grids and fluid images
Page 9: Responsive Web Design: beyond flexible grids and fluid images
Page 10: Responsive Web Design: beyond flexible grids and fluid images
Page 11: Responsive Web Design: beyond flexible grids and fluid images
Page 12: Responsive Web Design: beyond flexible grids and fluid images
Page 13: Responsive Web Design: beyond flexible grids and fluid images
Page 14: Responsive Web Design: beyond flexible grids and fluid images
Page 15: Responsive Web Design: beyond flexible grids and fluid images
Page 17: Responsive Web Design: beyond flexible grids and fluid images
Page 18: Responsive Web Design: beyond flexible grids and fluid images
Page 19: Responsive Web Design: beyond flexible grids and fluid images
Page 20: Responsive Web Design: beyond flexible grids and fluid images
Page 21: Responsive Web Design: beyond flexible grids and fluid images
Page 22: Responsive Web Design: beyond flexible grids and fluid images
Page 23: Responsive Web Design: beyond flexible grids and fluid images
Page 24: Responsive Web Design: beyond flexible grids and fluid images
Page 25: Responsive Web Design: beyond flexible grids and fluid images
Page 26: Responsive Web Design: beyond flexible grids and fluid images
Page 27: Responsive Web Design: beyond flexible grids and fluid images
Page 28: Responsive Web Design: beyond flexible grids and fluid images
Page 29: Responsive Web Design: beyond flexible grids and fluid images
Page 30: Responsive Web Design: beyond flexible grids and fluid images
Page 31: Responsive Web Design: beyond flexible grids and fluid images
Page 32: Responsive Web Design: beyond flexible grids and fluid images
Page 33: Responsive Web Design: beyond flexible grids and fluid images
Page 34: Responsive Web Design: beyond flexible grids and fluid images
Page 35: Responsive Web Design: beyond flexible grids and fluid images
Page 36: Responsive Web Design: beyond flexible grids and fluid images
Page 37: Responsive Web Design: beyond flexible grids and fluid images
Page 38: Responsive Web Design: beyond flexible grids and fluid images
Page 39: Responsive Web Design: beyond flexible grids and fluid images
Page 40: Responsive Web Design: beyond flexible grids and fluid images
Page 41: Responsive Web Design: beyond flexible grids and fluid images
Page 42: Responsive Web Design: beyond flexible grids and fluid images
Page 43: Responsive Web Design: beyond flexible grids and fluid images
Page 44: Responsive Web Design: beyond flexible grids and fluid images
Page 45: Responsive Web Design: beyond flexible grids and fluid images
Page 46: Responsive Web Design: beyond flexible grids and fluid images
Page 47: Responsive Web Design: beyond flexible grids and fluid images
Page 48: Responsive Web Design: beyond flexible grids and fluid images
Page 49: Responsive Web Design: beyond flexible grids and fluid images
Page 51: Responsive Web Design: beyond flexible grids and fluid images