advertisement

Bulletproof Ajax

50 %
50 %
advertisement
Information about Bulletproof Ajax

Published on October 15, 2007

Author: adactio

Source: slideshare.net

advertisement

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/

Add a comment

Related pages

Bulletproof Ajax by Jeremy Keith

Bulletproof Ajax. Bulletproof Ajax by Jeremy Keith is published by New Riders Press in February 2007. This book is a step-by-step guide to enhancing Web ...
Read more

Code - Bulletproof Ajax by Jeremy Keith

Download examples used in the Bulletproof Ajax book. Bulletproof Ajax. Download .zip files of the code used ...
Read more

Bulletproof Ajax (Voices That Matter): Amazon.de: Jeremy ...

Synopsis Step-by-step guide reveals best practices for enhancing Web sites with Ajax *A step-by-step guide to enhancing Web sites with Ajax. *Uses ...
Read more

Bulletproof Ajax: Jeremy Keith, Aaron Gustafson ...

Bulletproof Ajax [Jeremy Keith, Aaron Gustafson] on Amazon.com. *FREE* shipping on qualifying offers. Step-by-step guide reveals best practices for ...
Read more

Bulletproof Ajax eBook: Jeremy Keith: Amazon.de: Kindle-Shop

Bulletproof Ajax eBook: Jeremy Keith: Amazon.de: Kindle-Shop. Amazon.de Prime testen Kindle-Shop ...
Read more

Bulletproof Ajax | Peachpit

Step-by-step guide reveals best practices for enhancing Web sites with Ajax A step-by-step guide to enhancing Web sites with Ajax. Uses progressive ...
Read more

www.petrovski.de

What is Ajax? 3 Ajax is one of those terms, like Excelsior or Excalibur, that can be relied upon to conjure up images of strength. Perhaps the presence of ...
Read more

Bulletproof Ajax - Adactio

Bulletproof. structure presentation behaviour content HTML CSS JavaScript

... Ajax communicating with the server without refreshing the whole page ...
Read more

Bulletproof Ajax » Vector, Photoshop PSD, Template, 3D ...

Bulletproof Ajax 14 Days Free Access to USENET Free 300 GB with full DSL-Broadband Speed!
Read more

Bulletproof Ajax (Book, 2007) [WorldCat.org]

Get this from a library! Bulletproof Ajax. [Jeremy Keith] -- In this book, Jeremy Keith demonstrates how developers comfortable with CSS and (X)HTML can ...
Read more