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.

Webdirections2

888 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Webdirections2

  1. 1. AJAX & Flash What we learned building SlideShare.net <ul><li>Jonathan Boutelle </li></ul>
  2. 2. First <ul><li>www.jonathanboutelle.com </li></ul><ul><li>www.slideshare.net/jboutelle </li></ul>
  3. 4. ymmv
  4. 5. Play the field <ul><li>You don’t have to choose </li></ul><ul><li>You quite possibly need both </li></ul>
  5. 6. Keep Flash on a leash http://www.california-gold-rush-miner.us/california-gold-nugget.htm
  6. 7. SEO ;-<
  7. 8. Load time ;-<
  8. 9. Flash nuggets as best practice Full-Screen a no-no
  9. 10. Cheapest Tricks <ul><li>“Is it even AJAX”? </li></ul>
  10. 11. Tabs
  11. 12. Accordions
  12. 13. MicroLink
  13. 14. One-Second Mutation
  14. 15. PopUp
  15. 16. Cheap Tricks and Server-side Performance
  16. 18. 3) Cheap(ish) Tricks Malleable Content Progress Indicator One-Second Spotlight
  17. 19. Malleable content The Brand Gap Tags Brand design The Brand Gap From: coolstuff , 1 day ago 326 views | 1 comment | 5 favorites Tags Brand design branding The Brand Gap From: coolstuff , 1 day ago 326 views | 1 comment | 5 favorites Tags Brand design branding Share this slideshow Digg this Subscribe to user Mark as inappropriate Favorite [x] tags : brand design branding marketing (Edit) 1 3 4 Share this slideshow Digg this Subscribe to user Mark as inappropriate Favorite [x] tags : brand design (Edit) From: coolstuff , 1 day ago 326 views | 1 comment | 5 favorites The Brand Gap From: coolstuff , 1 day ago 326 views | 1 comment | 5 favorites Tags Brand design branding Add/Edit tags Separate tags by spaces. Put multi-words tags within quotes, e.g., “palo alto” Cancel Update brand design 2
  18. 20. Progress Indicator
  19. 21. One-second spotlight Pricew’s Slidespace pricew Male, San Francisco, CA pricew.blogspot.com Pricew’s Slidespace pricew Male, San Francisco, CA pricew.blogspot.com 2 1 Add pricew as contact Ping pricew Add pricew as contact Ping pricew Message price1 pings Liked your presentation on venture capital By jboutelle (1 second ago) Welcome to SlideShare By userx (2 days ago) This is great by coolstuff (5 days ago)
  20. 22. Temp Messages Pricew’s Slidespace pricew Male, San Francisco, CA pricew.blogspot.com Add pricew as contact Ping pricew Message pricew Liked your presentation on venture capital By jboutelle (1 second ago) Welcome to SlideShare By userx (2 days ago) 1 Pricew’s Slidespace pricew Male, San Francisco, CA pricew.blogspot.com Add pricew as contact Ping pricew Message pricew 2 Hey dude! Long time… pings Liked your presentation on venture capital By jboutelle (1 second ago) Welcome to SlideShare By userx (2 days ago) Message Sent!
  21. 23. Cheap Tricks and server-side performance (2)
  22. 24. Net Impact (on engineers) (on users) (on IA)
  23. 26. Rocket Science
  24. 27. When to save?
  25. 28. Flash Version
  26. 29. Initial Latency is OK!
  27. 30. Malleable Content
  28. 31. Drag and Drop
  29. 32. Room to Grow!
  30. 33. Data Grid
  31. 34. 4. Flash graphic goodies <ul><li>Fonts </li></ul><ul><li>Vector graphics </li></ul><ul><li>Animation </li></ul>
  32. 35. Flash multimedia output
  33. 36. Flash multimedia input
  34. 37. Flash multimedia editing
  35. 38. 6. Widgetopia! <ul><li>Yes, I mean widgets </li></ul>
  36. 39. http://www.baychi.org/calendar/20060314/
  37. 40. Upload progress bars
  38. 41. 7. Cool, but not useful to me <ul><li>Sockets </li></ul><ul><li>Local data objects </li></ul><ul><li>FLEX </li></ul>
  39. 42. 8. AJAX FLASH crossover Artists
  40. 43. Finally
  41. 44. <ul><li>www.slideshare.net/jboutelle </li></ul>Questions?

×