AJAX  &  Flash What we learned building SlideShare.net <ul><li>Jonathan Boutelle </li></ul>
First  <ul><li>www.jonathanboutelle.com </li></ul><ul><li>www.slideshare.net/jboutelle </li></ul>
 
ymmv
Play the field  <ul><li>You don’t have to choose </li></ul><ul><li>You quite possibly need both </li></ul>
Keep  Flash  on a  leash http://www.california-gold-rush-miner.us/california-gold-nugget.htm
SEO ;-<
Load time ;-<
Flash nuggets  as best practice Full-Screen a no-no
Cheapest Tricks <ul><li>“Is it even AJAX”? </li></ul>
Tabs
Accordions
MicroLink
One-Second Mutation
PopUp
Cheap Tricks and Server-side Performance
 
3) Cheap(ish) Tricks Malleable Content Progress Indicator One-Second Spotlight
Malleable content The Brand Gap Tags Brand   design The Brand Gap From:  coolstuff , 1 day ago 326 views | 1 comment | 5 f...
Progress Indicator
One-second spotlight Pricew’s Slidespace pricew Male, San Francisco, CA pricew.blogspot.com Pricew’s Slidespace pricew Mal...
Temp Messages Pricew’s Slidespace pricew Male, San Francisco, CA pricew.blogspot.com Add pricew as contact Ping pricew Mes...
Cheap Tricks and server-side performance (2)
Net Impact (on engineers) (on users) (on IA)
 
Rocket Science
When to save?
Flash Version
Initial Latency is OK!
Malleable Content
Drag and Drop
Room to Grow!
Data Grid
4. Flash graphic goodies  <ul><li>Fonts </li></ul><ul><li>Vector graphics </li></ul><ul><li>Animation </li></ul>
Flash multimedia output
Flash multimedia input
Flash multimedia editing
6. Widgetopia! <ul><li>Yes, I mean widgets </li></ul>
http://www.baychi.org/calendar/20060314/
Upload progress bars
7. Cool, but not useful to me <ul><li>Sockets </li></ul><ul><li>Local data objects </li></ul><ul><li>FLEX </li></ul>
8. AJAX  FLASH  crossover  Artists
Finally
<ul><li>www.slideshare.net/jboutelle </li></ul>Questions?
Upcoming SlideShare
Loading in …5
×

Webdirections2

797 views
744 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
797
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Check check. Is this thing on? Can you hear me? Even the people in the back? Great. I’m here to talk about using AJAX and Flash to build great internet experiences. So how many people in the audience would consider themselves AJAX developers? How many people would consider themselves Flash developers? How many people have coded in both AJAX and Flash?
  • 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?

    ×