• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Bulletproof Ajax
 

Bulletproof Ajax

on

  • 2,220 views

Amedia 2007 Europe, London june 7th-8th

Amedia 2007 Europe, London june 7th-8th

Statistics

Views

Total Views
2,220
Views on SlideShare
2,220
Embed Views
0

Actions

Likes
2
Downloads
49
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Bulletproof Ajax Bulletproof Ajax Presentation Transcript

    • Bulletproof Ajax
    • Bulletproof progressive enhancement
    • behaviour JavaScript presentation CSS structureHTML content
    • <p> This is the introduction </p> <p style=quot;font-weight:boldquot;> This is the introduction </p> <p class=quot;introquot;> This is the introduction </p> .intro { font-weight:bold; }
    • <a href=quot;help.htmlquot;> Need help? </a> <a href=quot;help.htmlquot; onclick=quot;window.open (this.href); return false;quot;> Need help? </a> <a href=quot;help.htmlquot; class=quot;helpquot;> Need help? </a>
    • window.onload = function() { // get links with class help // loop through links link.onclick = function(){ window.open(this.href); return false; }; };
    • beware <a href=quot;javascript:...quot;> <a href=quot;#quot; onclick= quot;...quot;>
    • communicating with the server without refreshing the whole page. Ajax
    • communicating with the server without refreshing frames the whole page. iframe Flash XMLHttpRequest
    • Microsoft IE5 Mozilla Safari Opera W3C XMLHttpRequest
    • send responseText open status browser XHR server XMLHttpRequest
    • speed
    • thin client
    • thin client browser server displaying data processing
    • fat client
    • fat client browser XHR server displaying data processing
    • dumb waiter
    • progressive enhancement using XMLHttpRequest
    • progressive enhancement Hijax
    • browser server displaying data processing
    • deceptively fat client browser XHR server displaying data processing
    • { navigation search main content browser server on form log shopping cart footer
    • navigation search main content browser XHR log on form shopping cart footer
    • paradox? plan for Ajax from the start implement Ajax at the end
    • pattern recognition add a comment log on add to cart rate this search results? pagination?
    • documents applications
    • design challenges
    • WTF? what is happening? what just happened?
    • beyond the browser the back button bookmarking
    • user testing
    • Accessibility Just Ain’t eXciting
    • “Unless a way can be found to notify screen readers of updated content, Ajax techniques cannot be considered accessible.”
    • “This Ajax application is usable by screen- reader users some of the time. They aren’t totally shut out, but it isn’t totally easy for them, either.”
    • “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    • 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/