An update on this session for the Joomla World Conference in San Jose. The web is not a fixed width. So if the medium is fluid, should the process be fixed? Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow. Diving into responsive design projects can be daunting. Old design practices are cumbersome when thinking in terms of web systems that will span a wide variety of devices and dimensions. Steve will delve into how he handles the responsive process or how he doesn't. A fluid process to match the fluidity of responsive design. Bam! We’ll also explore some of recent successes and failures while establishing why a responsive process is a responsible process. One web to rule them all?

5. Insert aresponsiveweb logo and URL here

24. Image source: palantir.net

27. http://youtu.be/ha-uagjJQ9k

30. http://youtu.be/eunaclr-WgU

37. Project Analysis

39. Insert personas here

42. www.gathercontent.com

45. Insert user stories here

47. http://youtu.be/8m9EVP8X7N8

48. http://youtu.be/bVnfyradCPY

53. http://appsketchbook.com/products/responsive-design-sketchbook

54. Insert UX sketch sheets here

57. Insert page table here

63. BADASS ICONS

66. http://styletil.es

70. yellowpencil.com/blog/style-tiles-responsive-design

72. Text
http://nathanborror.com/posts/2009/oct/25/interface-harmony/

74. http://www.sonypictures.com/previews/movies/residentevilretribution/clips/4301/

83. http://en.wikipedia.org/wiki/Comparison_of_Android_devices

86. http://html.adobe.com/edge/inspect/

93. http://youtu.be/yfDUv3ZjH2k

97. Insert YP user stories/QA doc

107. hellofisher.com

108. truthfully.ca

109. albertacanada.com

120. vimeo.com/15266890

145. The first website was responsive! ;)

147. www.futurefriend.ly

151. http://youtu.be/4V90AmXnguw