Your SlideShare is downloading. ×
0
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Toplax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Toplax

6,831

Published on

The right approach to Ajax

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
6,831
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. TOPLAX The right approach to Ajax Xavier Badosa
  • 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. <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. <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. <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. <ul><li>URI? </li></ul><ul><li>Reference, links, bookmarks... </li></ul><ul><li>History, Back... </li></ul>
  • 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. J is for Javascript...
  • 9. J is for Javascript... A is not for accessible...
  • 10. The Accessibility Problem J is for Javascript... A is not for accessible...
  • 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. 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. 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. J is for Javascript... A is not for accessible... XHTML eXtensible Hypertext Markup Language JS JavaScript CSS Cascading Style Sheet
  • 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. 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. 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. 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. 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. AJAX Top layered TOPLAX
  • 21. AJAX Top layered TOPLAX From cleanser to medicine
  • 22. AJAX Top layered TOPLAX From cleanser to medicine Thank you Xavier Badosa

×