bulletproof ajax

Download Bulletproof Ajax

Post on 29-Nov-2014

2.128 views

Category:

Technology

2 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

  • 1. Bulletproof Ajax
  • 2. Bulletproof progressive enhancement
  • 3. behaviour JavaScript presentation CSS structureHTML content
  • 4.

    This is the introduction

    This is the introduction

    This is the introduction

    .intro { font-weight:bold; }
  • 5. Need help? Need help? Need help?
  • 6. window.onload = function() { // get links with class help // loop through links link.onclick = function(){ window.open(this.href); return false; }; };
  • 7. beware
  • 8. communicating with the server without refreshing the whole page. Ajax
  • 9. communicating with the server without refreshing frames the whole page. iframe Flash XMLHttpRequest
  • 10. Microsoft IE5 Mozilla Safari Opera W3C XMLHttpRequest
  • 11. send responseText open status browser XHR server XMLHttpRequest
  • 12. speed
  • 13. thin client
  • 14. thin client browser server displaying data processing
  • 15. fat client
  • 16. fat client browser XHR server displaying data processing
  • 17. dumb waiter
  • 18. progressive enhancement using XMLHttpRequest
  • 19. progressive enhancement Hijax
  • 20. browser server displaying data processing
  • 21. deceptively fat client browser XHR server displaying data processing
  • 22. { navigation search main content browser server on form log shopping cart footer
  • 23. navigation search main content browser XHR log on form shopping cart footer
  • 24. paradox? plan for Ajax from the start implement Ajax at the end
  • 25. pattern recognition add a comment log on add to cart rate this search results? pagination?
  • 26. documents applications
  • 27. design challenges
  • 28. WTF? what is happening? what just happened?
  • 29. beyond the browser the back button bookmarking
  • 30. user testing
  • 31. Accessibility Just Aint eXciting
  • 32. Unless a way can be found to notify screen readers of updated content, Ajax techniques cannot be considered accessible.
  • 33. This Ajax application is usable by screen- reader users some of the time. They arent totally shut out, but it isnt totally easy for them, either.
  • 34. The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.
  • 35. k thx bai adactio.com http://flickr.com/photos/flydown/42047131/ http://flickr.com/photos/bizzygirl/291918549/ http://flickr.com/photos/benchan/150094224/ http://flickr.com/photos/rogerjones/121736518/ http://flickr.com/photos/chuckbiscuito/161971512/