Flash and AJAX

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

First
www.jonathanboutelle.com
www.slideshare.net/jboutelle

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

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
“Is it even AJAX”?

Accordions

MicroLink

One-Second Mutation

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

Progress Indicator

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)

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!

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
Fonts
Vector graphics
Animation

Flash multimedia output

Flash multimedia input

Flash multimedia editing

6. Widgetopia!
Yes, I mean widgets

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

Upload progress bars

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

8. AJAX FLASH crossover Artists

Finally

www.slideshare.net/jboutelle
Questions?

http://www.webdirections.org	109
http://www.jonathanboutelle.com	93
http://www.createwebsite.info	82
http://avancesinformaticos.wordpress.com	27
http://www.slideshare.net	22
http://blocs.xtec.cat	7
http://www.ajaxfreak.com	6
http://all-for-women.com	6
http://slideshare.phreadz.com	5
http://shomylife.blogspot.com	3
http://localhost:3000	3
http://kishy-cuentos.blogspot.com	3
file://	3
http://www.esidyo.com	2
http://elearning.unistrapg.it	2
http://www.traveltravellers.com	2
http://www.moviecern.com	2
http://www.filescon.com	2
http://www.insideyourdiet.com	2
http://www.snook.ca	2
http://hun73r-gr.blogspot.com	2
http://www.utherverse.com	2
http://static.slideshare.net	2
http://pablojuan.wordpress.com	2
http://mrnoble.edublogs.org	2
http://hartljo.wordpress.com	2
http://zarahyana.blinkinblog.com	2
http://www.health-commun.com	1
http://admin.howl.or.kr	1
http://www.game-games-gamer.com	1
http://www.newsss.com	1
http://www.bidderdirectory.com	1
http://as7-1.study.cerbibo.com	1
http://www.vistaveleta.com	1
http://www.cars-and-motorcycles-and-trucks.com	1
http://translate.googleusercontent.com	1
http://www.marketing-xblog.com	1
http://www.computer-xblog.com	1
http://www.carocean.co.uk	1
http://miguelluna.com	1
http://www.sport-icx.com	1
http://web-and-host.com	1
http://www.business1-finance1.com	1
http://www.beauty-fashion-jewelry.com	1
http://phonx.xanga.com	1
http://www.oplahol.com	1
http://facebook.slideshare.com	1
http://www.sport-xblog.com	1
http://mdarcade.com	1
http://friendsu.com	1
http://creatingsexystylesheets.com	1

Flash and AJAX

by Jonathan Boutelle on Sep 26, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

79 Embeds 449

Statistics

Flash and AJAX — Presentation Transcript