TOPLAX The right approach to Ajax Xavier Badosa
<ul><li>Not only D2D navigation (“hypertext”: document to document) </li></ul><ul><li>But also web applications (RIA: micr...
<ul><li>Not only D2D navigation (“hypertext”: document to document) </li></ul><ul><li>But also web applications (RIA: micr...
<ul><li>Better usability (interactivity, speed, location, etc.) </li></ul><ul><li>Not only D2D navigation (“hypertext”: do...
<ul><li>Better usability (interactivity, speed, location, etc.) </li></ul>But... <ul><li>Not only D2D navigation (“hyperte...
<ul><li>URI?  </li></ul><ul><li>Reference, links, bookmarks... </li></ul><ul><li>History, Back... </li></ul>
<ul><li>URI?  </li></ul><ul><li>Reference, links, bookmarks... </li></ul><ul><li>History, Back... </li></ul><ul><li>Soluti...
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 <ul><li>The classic solution </li></ul><ul><li>Progressive enhancement </li></ul><ul><li>Gracefu...
The Accessibility Problem <ul><li>The classic solution </li></ul><ul><li>Progressive enhancement </li></ul><ul><li>Gracefu...
The Accessibility Problem <ul><li>The classic solution </li></ul><ul><li>Progressive enhancement </li></ul><ul><li>Gracefu...
J  is for Javascript... A  is  not  for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascadi...
J  is for Javascript... A  is  not  for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascadi...
J  is for Javascript... A  is  not  for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascadi...
J  is for Javascript... A  is  not  for accessible... AJAX XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Ca...
J  is for Javascript... A  is  not  for accessible... AJAX Top layered XHTML eXtensible Hypertext Markup Language JS JavaS...
J  is for Javascript... A  is  not  for accessible... AJAX Top layered Or... XHTML eXtensible Hypertext Markup Language 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
Upcoming SlideShare
Loading in...5
×

Toplax

7,034

Published on

The right approach to Ajax

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
7,034
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Toplax

  1. 1. TOPLAX The right approach to Ajax Xavier Badosa
  2. 2. <ul><li>Not only D2D navigation (“hypertext”: document to document) </li></ul><ul><li>But also web applications (RIA: micro-updating) </li></ul>A richer World Wide Web
  3. 3. <ul><li>Not only D2D navigation (“hypertext”: document to document) </li></ul><ul><li>But also web applications (RIA: micro-updating) </li></ul>A richer World Wide Web AJAX or Ajax <ul><li>A sexy name for XMLHttpRequest() </li></ul>
  4. 4. <ul><li>Better usability (interactivity, speed, location, etc.) </li></ul><ul><li>Not only D2D navigation (“hypertext”: document to document) </li></ul><ul><li>But also web applications (RIA: micro-updating) </li></ul>A richer World Wide Web AJAX or Ajax <ul><li>A sexy name for XMLHttpRequest() </li></ul>
  5. 5. <ul><li>Better usability (interactivity, speed, location, etc.) </li></ul>But... <ul><li>Not only D2D navigation (“hypertext”: document to document) </li></ul><ul><li>But also web applications (RIA: micro-updating) </li></ul>A richer World Wide Web AJAX or Ajax <ul><li>A sexy name for XMLHttpRequest() </li></ul>
  6. 6. <ul><li>URI? </li></ul><ul><li>Reference, links, bookmarks... </li></ul><ul><li>History, Back... </li></ul>
  7. 7. <ul><li>URI? </li></ul><ul><li>Reference, links, bookmarks... </li></ul><ul><li>History, Back... </li></ul><ul><li>Solutions </li></ul><ul><li>Append an anchor to the current location (#) </li></ul><ul><li>(for example, Really Simply History (RSH) framework) </li></ul><ul><li>Use Ajax mainly in middle pages </li></ul><ul><li>(exclude entry and result pages) </li></ul>
  8. 8. J is for Javascript...
  9. 9. J is for Javascript... A is not for accessible...
  10. 10. The Accessibility Problem J is for Javascript... A is not for accessible...
  11. 11. The Accessibility Problem <ul><li>The classic solution </li></ul><ul><li>Progressive enhancement </li></ul><ul><li>Graceful degradation </li></ul>J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet
  12. 12. The Accessibility Problem <ul><li>The classic solution </li></ul><ul><li>Progressive enhancement </li></ul><ul><li>Graceful degradation </li></ul>J is for Javascript... A is not for accessible... Jeremy Keith’s Pun: XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet
  13. 13. The Accessibility Problem <ul><li>The classic solution </li></ul><ul><li>Progressive enhancement </li></ul><ul><li>Graceful degradation </li></ul>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
  14. 14. J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet
  15. 15. J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet XHTML JS CSS
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. AJAX Top layered TOPLAX
  21. 21. AJAX Top layered TOPLAX From cleanser to medicine
  22. 22. AJAX Top layered TOPLAX From cleanser to medicine Thank you Xavier Badosa
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×