Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
WWW para editores (y más allá) (7)
Next
Download to read offline and view in fullscreen.

0

Share

Toplax

Download to read offline

The right approach to Ajax

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

The right approach to Ajax

Views

Total views

16,242

On Slideshare

0

From embeds

0

Number of embeds

12,117

Actions

Downloads

11

Shares

0

Comments

0

Likes

0

×