Responsive Process Joomla World Conference 2012

  • 1,331 views
Uploaded on

An update on this session for the Joomla World Conference in San Jose. …

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?

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Nice one Steve... shame I couldn't be at JWC12 to hear the presentation in person :(
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
1,331
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
235
Comments
1
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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