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

Not only D2D navigation (“hypertext”: document to document)

But also web applications (RIA: micro-updating)

Not only D2D navigation (“hypertext”: document to document) But also web applications (RIA: micro-updating) A richer World Wide Web AJAX or Ajax A sexy name for XMLHttpRequest()

Not only D2D navigation (“hypertext”: document to document)

But also web applications (RIA: micro-updating)

A sexy name for XMLHttpRequest()

Better usability (interactivity, speed, location, etc.) Not only D2D navigation (“hypertext”: document to document) But also web applications (RIA: micro-updating) A richer World Wide Web AJAX or Ajax A sexy name for XMLHttpRequest()

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

Not only D2D navigation (“hypertext”: document to document)

But also web applications (RIA: micro-updating)

A sexy name for XMLHttpRequest()

Better usability (interactivity, speed, location, etc.) But... Not only D2D navigation (“hypertext”: document to document) But also web applications (RIA: micro-updating) A richer World Wide Web AJAX or Ajax A sexy name for XMLHttpRequest()

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

Not only D2D navigation (“hypertext”: document to document)

But also web applications (RIA: micro-updating)

A sexy name for XMLHttpRequest()

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

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)

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

The classic solution

Progressive enhancement

Graceful degradation

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

The classic solution

Progressive enhancement

Graceful degradation

The Accessibility Problem The classic solution Progressive enhancement Graceful degradation 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

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... 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