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,708

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,708
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.
    • Not only D2D navigation (“hypertext”: document to document)
    • But also web applications (RIA: micro-updating)
    A richer World Wide Web
  • 3.
    • 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()
  • 4.
    • 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()
  • 5.
    • 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()
  • 6.
    • URI?
    • Reference, links, bookmarks...
    • History, Back...
  • 7.
    • 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)
  • 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
    • 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
  • 12. 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
  • 13. 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
  • 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

×