Toplax

TOPLAX The right approach to Ajax Xavier Badosa

Not only D2D navigation (“hypertext”: document to document)
But also web applications (RIA: micro-updating)
A richer World Wide Web

A richer World Wide Web AJAX or Ajax
A sexy name for XMLHttpRequest()

Better usability (interactivity, speed, location, etc.)

Better usability (interactivity, speed, location, etc.)
But...

URI?
Reference, links, bookmarks...
History, Back...

URI?
Reference, links, bookmarks...
History, Back...
Solutions
Append an anchor to the current location (#)
(for example, Really Simply History (RSH) framework)
Use Ajax mainly in middle pages
(exclude entry and result pages)

J is for Javascript...

J is for Javascript... A is not for accessible...

The Accessibility Problem J is for Javascript... A is not for accessible...

The Accessibility Problem
The classic solution
Progressive enhancement
Graceful degradation
J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet

J is for Javascript... A is not for accessible... Jeremy Keith’s Pun: XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet

J is for Javascript... A is not for accessible... Jeremy Keith’s Pun: “ Hijax” XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet

J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet

J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet XHTML JS CSS

J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet XHTML JS CSS CSS XHTML JS

J is for Javascript... A is not for accessible... AJAX XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet XHTML JS CSS CSS XHTML JS

J is for Javascript... A is not for accessible... AJAX Top layered XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet XHTML JS CSS CSS XHTML JS

J is for Javascript... A is not for accessible... AJAX Top layered Or... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet XHTML JS CSS CSS XHTML JS

AJAX Top layered TOPLAX

AJAX Top layered TOPLAX From cleanser to medicine

AJAX Top layered TOPLAX From cleanser to medicine Thank you Xavier Badosa

http://xavierbadosa.com	2070
http://translate.googleusercontent.com	86
http://ultimate	32
http://abtasty.com	7
http://www.xavierbadosa.com	4
http://66.102.9.102	1

Toplax

by Xavier Badosa

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 2,200

Statistics

Toplax Presentation Transcript