Flash and AJAX

Slide 1: AJAX & Flash What we learned building SlideShare.net Jonathan Boutelle

Slide 2: First www.jonathanboutelle.com www.slideshare.net/jboutelle

Slide 4: ymmv

Slide 5: Play the field You don’t have to choose You quite possibly need both

Slide 6: Flash on a leash Keep http://www.california-gold-rush-miner.us/california-gold-nugget.htm

Slide 7: SEO ;-<

Slide 8: Load time ;-<

Slide 9: Flash nuggets as best practice Full-Screen a no-no

Slide 10: Cheapest Tricks “Is it even AJAX”?

Slide 11: Tabs

Slide 12: Accordions

Slide 13: MicroLink

Slide 14: One-Second Mutation

Slide 15: PopUp

Slide 16: Cheap Tricks and Server-side Performance

Slide 17: 3) Cheap(ish) Tricks Malleable Content Progress Indicator One-Second Spotlight

Slide 18: Malleable content 1 2 The Brand Gap The Brand Gap From: coolstuff, 1 day ago From: coolstuff, 1 day ago 326 views | 1 comment | 5 favorites 326 views | 1 comment | 5 favorites Share this slideshow Add/Edit tags Digg this Separate tags by spaces. Put multi-words tags within Subscribe to user quotes, e.g., “palo alto” Mark as inappropriate brand design Favorite [x] tags: brand Cancel Update design (Edit) Tags Tags Brand design branding Brand design 3 4 The Brand Gap The Brand Gap From: coolstuff, 1 day ago From: coolstuff, 1 day ago 326 views | 1 comment | 5 favorites 326 views | 1 comment | 5 favorites Share this slideshow Digg this Subscribe to user Mark as inappropriate Favorite [x] tags: brand design branding marketing (Edit) Tags Tags Brand design branding Brand design branding

Slide 19: Progress Indicator

Slide 20: 2 1 Pricew’s Slidespace Pricew’s Slidespace pricew pricew Male, San Francisco, CA Male, San Francisco, CA pricew.blogspot.com pricew.blogspot.com Add pricew as contact Add pricew as contact Ping pricew 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) One-second spotlight

Slide 21: 2 1 Pricew’s Slidespace Pricew’s Slidespace pricew pricew Male, San Francisco, CA Male, San Francisco, CA pricew.blogspot.com pricew.blogspot.com Add pricew as contact Add pricew as contact Ping pricew Ping pricew Message pricew Message pricew Hey dude! Long time… Message Sent! pings Liked your presentation on venture capital Liked your presentation on By jboutelle (1 second ago) venture capital ByWelcome (1 second ago) jboutelle to SlideShare By userx (2 days ago) Welcome to SlideShare By userx (2 days ago) Temp Messages

Slide 22: Cheap Tricks and server-side performance (2)

Slide 23: Net Impact (on engineers) (on users) (on IA)

Slide 25: Rocket Science

Slide 26: When to save?

Slide 27: Flash Version

Slide 28: Initial Latency is OK!

Slide 29: Malleable Content

Slide 30: Drag and Drop

Slide 31: Room to Grow!

Slide 32: Data Grid

Slide 33: 4. Flash graphic goodies Fonts Vector graphics Animation

Slide 34: Flash multimedia output

Slide 35: Flash multimedia input

Slide 36: Flash multimedia editing

Slide 37: 6. Widgetopia! Yes, I mean widgets

Slide 38: http://www.baychi.org/calendar/20060314/

Slide 39: Upload progress bars

Slide 40: 7. Cool, but not useful to me Sockets Local data objects FLEX

Slide 41: FLASH crossover Artists 8. AJAX

Slide 42: Finally

Slide 43: Questions? www.slideshare.net/jboutelle