bulletproof ajax

Download Bulletproof Ajax

Post on 15-Jan-2015




3 download

Embed Size (px)


Amedia 2007 Europe, London june 7th-8th


  • 1. Bulletproof Ajax

2. Bulletproof progressive enhancement 3. behaviour JavaScript presentation CSS structureHTMLcontent 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 linkslink.onclick = function(){ window.open(this.href); return false;}; }; 7. beware 8. communicating with the server without refreshingthe 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 XHRserver XMLHttpRequest 12. speed 13. thin client 14. thin client browser server displayingdata processing 15. fat client 16. fat client browserXHR server displaying data processing 17. dumb waiter 18. progressive enhancement using XMLHttpRequest 19. progressive enhancement Hijax 20. browserserver displaying dataprocessing 21. deceptively fat client browserXHRserver displayingdata processing 22. {navigationsearchmain content browser server on form log shopping cart footer 23. navigationsearchmain content browser XHR log on form shopping cart footer 24. paradox? plan for Ajax from the start implement Ajax at the end 25. pattern recognitionadd 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 buttonbookmarking 30. user testing 31. AccessibilityJustAint 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 baiadactio.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/