Responsive Process Joomla World Conference 2012

1,774 views
1,685 views

Published on

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?

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,774
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
242
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Process Joomla World Conference 2012

  1. 1. Insert aresponsiveweb logo and URL here
  2. 2. Image source: palantir.net
  3. 3. http://youtu.be/ha-uagjJQ9k
  4. 4. http://youtu.be/eunaclr-WgU
  5. 5. Project Analysis
  6. 6. Insert personas here
  7. 7. www.gathercontent.com
  8. 8. Insert user stories here
  9. 9. http://youtu.be/8m9EVP8X7N8
  10. 10. http://youtu.be/bVnfyradCPY
  11. 11. http://appsketchbook.com/products/responsive-design-sketchbook
  12. 12. Insert UX sketch sheets here
  13. 13. Insert page table here
  14. 14. BADASS ICONS
  15. 15. http://styletil.es
  16. 16. yellowpencil.com/blog/style-tiles-responsive-design
  17. 17. Texthttp://nathanborror.com/posts/2009/oct/25/interface-harmony/
  18. 18. http://www.sonypictures.com/previews/movies/residentevilretribution/clips/4301/
  19. 19. http://en.wikipedia.org/wiki/Comparison_of_Android_devices
  20. 20. http://html.adobe.com/edge/inspect/
  21. 21. http://youtu.be/yfDUv3ZjH2k
  22. 22. Insert YP user stories/QA doc
  23. 23. hellofisher.com
  24. 24. truthfully.ca
  25. 25. albertacanada.com
  26. 26. vimeo.com/15266890
  27. 27. The first website was responsive! ;)
  28. 28. www.futurefriend.ly
  29. 29. http://youtu.be/4V90AmXnguw

×