Ajax

jumpthroatSoftware and s/w Development

Jul 4, 2012 (5 years and 6 months ago)

247 views

Bulletproof
Ajax
progressive
enhancement
Bulletproof
structure
presentation
behaviour
content
HTML
CSS
JavaScript
<p>
This is the introduction
</p>
<p
style="font-weight:bold"
>
This is the introduction
</p>
<p
class="intro"
>
This is the introduction
</p>
.intro { font-weight:bold; }
<a href=
"help.html"
>
Need help?
</a>
<a
href="help.html"
onclick="window.open
(this.href); return false;"
>
Need help?
</a>
<a
href="help.html"
class="help"
>
Need help?
</a>
link.onclick = function(){
window.open(this.href);
return false;
};
window.onload = function() {
};
// get links with class help
// loop through links
<a href="javascript:...">
<a href="#" onclick= "...">
beware
Ajax
communicating with the
server without refreshing
the whole page.
frames
iframe
Flash
XMLHttpRequest
communicating with the
server without refreshing
the whole page.
XMLHttpRequest
Microsoft
Mozilla
Safari
Opera
IE5
W3C
browser
server
XHR
open
send
status
responseText
XMLHttpRequest
speed
thin client
browser
server
data
processing
displaying
thin client
fat client
browser
server
XHR
data
processing
displaying
fat client
dumb
waiter
XMLHttpRequest
using
progressive
enhancement
Hijax
progressive
enhancement
browser
server
data
processing
displaying
browser
server
XHR
data
processing
displaying
deceptively
fat client
navigation
search
main content
log on form
shopping cart
footer
{
browser
server
XHR
navigation
search
main content
log on form
shopping cart
footer
browser
implement Ajax at the end
plan for Ajax from the start
paradox?
pattern recognition
log on
add to cart
rate this
add a comment
search results?
Mozilla
Mozilla
pagination?
documents
applications
design challenges
WTF?
what is happening?
what just happened?
b
eyond the
b
rowser
the
b
ack
b
utton
b
ookmarking
user testing
A
ccessibility
J
ust
A
in’t
e
X
citing
“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/chuckbiscuito/161971512/
http://flickr.com/photos/bizzygirl/291918549/
http://flickr.com/photos/benchan/150094224/
http://flickr.com/photos/flydown/42047131/
http://flickr.com/photos/rogerjones/121736518/