SlideShare a Scribd company logo
1 of 19
Download to read offline
AJAX & Flash 
What we learned building SlideShare.net 




       Jonathan Boutelle
       Jonathan Boutelle 
First 
www.jonathanboutelle.com 
www.jonathanboutelle.com 

www.slideshare.net/jboutelle
www.slideshare.net/jboutelle 
DISCLAIMER
DISCLAIMER 
1. Play the field 
     You don’t have to choose 
     You don’t have to choose 
     You quite possibly need both
     You quite possibly need both 
2  Keep  Flash on a  leash 
              . 
              .


                                               Full­Screen a no­no 
                                               Full­Screen a no­no 
              Flash nuggets as best practice 
              Flash nuggets as best practice 

http://www.california­gold­rush­miner.us/california­gold­nugget.htm
3. Cheap Tricks 
              In­place editing 
              In­place editing 

             Attention control 
             Attention control 

    In­Page Messaging to user 
    In­Page Messaging to user 

                        Tabs
                        Tabs 
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. 
          Subscribe to user                       Put multi­words tags within 
                                                  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 
2    Pricew’s Slidespace 
1  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)
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 
                                        Welcome to SlideShare 
                                     By jboutelle (1 second ago) 
                                        By userx (2 days ago) 
                                     Welcome to SlideShare 
                                     By userx (2 days ago) 
4. Flash graphic goodies 
     Fonts 
     Fonts 
     Vector graphics 
     Vector graphics 
     Animation
     Animation 
5. Flash multimedia 
     Output of media 
     Output of media 
     Input of media 
     Input of media 
     Editing of media
     Editing of media 
6. Widgetopia! 
   Widgetopia 
 Yes, I mean widgets
 Yes, I mean widgets 
http://www.baychi.org/calendar/20060314/
http://www.baychi.org/calendar/20060314/ 
7. Cool, but not useful to me 
     Sockets 
     Sockets 
     Local data objects 
     Local data objects 
     FLEX
     FLEX 
FLASH crossover Artists
                           Artists 
8. AJAX 
Finally
Finally 
Questions?
              Questions? 


www.slideshare.net/jboutelle 
www.slideshare.net/jboutelle 

More Related Content

Similar to Boutelle

Ajax Vs Flash Whats Right For You 29514
Ajax Vs Flash Whats Right For You 29514Ajax Vs Flash Whats Right For You 29514
Ajax Vs Flash Whats Right For You 29514
geetakhurana
 
Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...
Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...
Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...
ssuser32d597
 
Are Agile Projects Doomed To Halfbaked Design
Are Agile Projects Doomed To Halfbaked DesignAre Agile Projects Doomed To Halfbaked Design
Are Agile Projects Doomed To Halfbaked Design
eraz
 
Illustrated Christmas Family Night Presentation.pptx
Illustrated Christmas Family Night Presentation.pptxIllustrated Christmas Family Night Presentation.pptx
Illustrated Christmas Family Night Presentation.pptx
NEXTGEN29
 
microsoft producer
microsoft producermicrosoft producer
microsoft producer
ashok kumar
 

Similar to Boutelle (20)

Social Media Plan Of Action For Real Estate Brokers
Social Media Plan Of Action For Real Estate BrokersSocial Media Plan Of Action For Real Estate Brokers
Social Media Plan Of Action For Real Estate Brokers
 
Ajax Vs Flash Whats Right For You 29514
Ajax Vs Flash Whats Right For You 29514Ajax Vs Flash Whats Right For You 29514
Ajax Vs Flash Whats Right For You 29514
 
WedIT! 1: Membuat Slide Presentasi by Diki
WedIT! 1: Membuat Slide Presentasi by DikiWedIT! 1: Membuat Slide Presentasi by Diki
WedIT! 1: Membuat Slide Presentasi by Diki
 
Free Online Tools To Create Conversations
Free Online Tools To Create ConversationsFree Online Tools To Create Conversations
Free Online Tools To Create Conversations
 
Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...
Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...
Orange, Black and Blue Funky Maximalism Cinema & Film Major for College Educa...
 
Are Agile Projects Doomed To Halfbaked Design
Are Agile Projects Doomed To Halfbaked DesignAre Agile Projects Doomed To Halfbaked Design
Are Agile Projects Doomed To Halfbaked Design
 
Illustrated Christmas Family Night Presentation.pptx
Illustrated Christmas Family Night Presentation.pptxIllustrated Christmas Family Night Presentation.pptx
Illustrated Christmas Family Night Presentation.pptx
 
Email Marketing Statistics, Quotes and Tips Shared by Brands via #pallab_slides
Email Marketing Statistics, Quotes and Tips Shared by Brands via #pallab_slidesEmail Marketing Statistics, Quotes and Tips Shared by Brands via #pallab_slides
Email Marketing Statistics, Quotes and Tips Shared by Brands via #pallab_slides
 
microsoft producer
microsoft producermicrosoft producer
microsoft producer
 
Good to Great: Achieving Product Excellence in Web 2.0 by Dan Olsen
Good to Great: Achieving Product Excellence in Web 2.0 by Dan OlsenGood to Great: Achieving Product Excellence in Web 2.0 by Dan Olsen
Good to Great: Achieving Product Excellence in Web 2.0 by Dan Olsen
 
PRUEBA DE TALLER
PRUEBA DE TALLERPRUEBA DE TALLER
PRUEBA DE TALLER
 
Think Like an Agilist
Think Like an AgilistThink Like an Agilist
Think Like an Agilist
 
Email Marketing On Steroids
Email Marketing On SteroidsEmail Marketing On Steroids
Email Marketing On Steroids
 
Twitter for Business
Twitter for BusinessTwitter for Business
Twitter for Business
 
Digital Marketing - The Future
Digital Marketing - The FutureDigital Marketing - The Future
Digital Marketing - The Future
 
Using Wordpress 2009 04 29
Using Wordpress 2009 04 29Using Wordpress 2009 04 29
Using Wordpress 2009 04 29
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
 
Spring of Scrum
Spring of ScrumSpring of Scrum
Spring of Scrum
 
Embrace Pet Insurance Business Blogging Case Study - eMarketing Techniques We...
Embrace Pet Insurance Business Blogging Case Study - eMarketing Techniques We...Embrace Pet Insurance Business Blogging Case Study - eMarketing Techniques We...
Embrace Pet Insurance Business Blogging Case Study - eMarketing Techniques We...
 
The SGR Affilate Program - >$1M paid in first 2 Months
The SGR Affilate Program - >$1M paid in first 2 MonthsThe SGR Affilate Program - >$1M paid in first 2 Months
The SGR Affilate Program - >$1M paid in first 2 Months
 

More from web

Sand Storm
Sand StormSand Storm
Sand Storm
web
 
Cooking Lovefood
Cooking LovefoodCooking Lovefood
Cooking Lovefood
web
 
2007 Top Asian Hairstyles
2007 Top Asian Hairstyles2007 Top Asian Hairstyles
2007 Top Asian Hairstyles
web
 
Shana Tova
Shana TovaShana Tova
Shana Tova
web
 
Saudade Dos Anos 80
Saudade Dos Anos 80Saudade Dos Anos 80
Saudade Dos Anos 80
web
 
Poema EcolóGico Lindo
Poema EcolóGico   LindoPoema EcolóGico   Lindo
Poema EcolóGico Lindo
web
 
In The Night
In The NightIn The Night
In The Night
web
 
Funny Police
Funny PoliceFunny Police
Funny Police
web
 
Cooking Lovefood
Cooking LovefoodCooking Lovefood
Cooking Lovefood
web
 
Butterfly Daniel Gerard
Butterfly Daniel GerardButterfly Daniel Gerard
Butterfly Daniel Gerard
web
 
Better Way
Better WayBetter Way
Better Way
web
 
Beautiful Photo
Beautiful PhotoBeautiful Photo
Beautiful Photo
web
 
Dream House 2
Dream House 2Dream House 2
Dream House 2
web
 
Butterfly Daniel Gerard
Butterfly Daniel GerardButterfly Daniel Gerard
Butterfly Daniel Gerard
web
 
10 Roses
10 Roses10 Roses
10 Roses
web
 
Better Way
Better WayBetter Way
Better Way
web
 
Elefantes
ElefantesElefantes
Elefantes
web
 
Trans Siberian
Trans SiberianTrans Siberian
Trans Siberian
web
 
Three Portraits Of Lauren Bacall
Three Portraits Of Lauren BacallThree Portraits Of Lauren Bacall
Three Portraits Of Lauren Bacall
web
 
The Lomo
The LomoThe Lomo
The Lomo
web
 

More from web (20)

Sand Storm
Sand StormSand Storm
Sand Storm
 
Cooking Lovefood
Cooking LovefoodCooking Lovefood
Cooking Lovefood
 
2007 Top Asian Hairstyles
2007 Top Asian Hairstyles2007 Top Asian Hairstyles
2007 Top Asian Hairstyles
 
Shana Tova
Shana TovaShana Tova
Shana Tova
 
Saudade Dos Anos 80
Saudade Dos Anos 80Saudade Dos Anos 80
Saudade Dos Anos 80
 
Poema EcolóGico Lindo
Poema EcolóGico   LindoPoema EcolóGico   Lindo
Poema EcolóGico Lindo
 
In The Night
In The NightIn The Night
In The Night
 
Funny Police
Funny PoliceFunny Police
Funny Police
 
Cooking Lovefood
Cooking LovefoodCooking Lovefood
Cooking Lovefood
 
Butterfly Daniel Gerard
Butterfly Daniel GerardButterfly Daniel Gerard
Butterfly Daniel Gerard
 
Better Way
Better WayBetter Way
Better Way
 
Beautiful Photo
Beautiful PhotoBeautiful Photo
Beautiful Photo
 
Dream House 2
Dream House 2Dream House 2
Dream House 2
 
Butterfly Daniel Gerard
Butterfly Daniel GerardButterfly Daniel Gerard
Butterfly Daniel Gerard
 
10 Roses
10 Roses10 Roses
10 Roses
 
Better Way
Better WayBetter Way
Better Way
 
Elefantes
ElefantesElefantes
Elefantes
 
Trans Siberian
Trans SiberianTrans Siberian
Trans Siberian
 
Three Portraits Of Lauren Bacall
Three Portraits Of Lauren BacallThree Portraits Of Lauren Bacall
Three Portraits Of Lauren Bacall
 
The Lomo
The LomoThe Lomo
The Lomo
 

Recently uploaded

Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
UK Journal
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 

Boutelle

  • 1. AJAX & Flash  What we learned building SlideShare.net  Jonathan Boutelle Jonathan Boutelle 
  • 4. 1. Play the field  You don’t have to choose  You don’t have to choose  You quite possibly need both You quite possibly need both 
  • 5. 2  Keep  Flash on a  leash  .  . Full­Screen a no­no  Full­Screen a no­no  Flash nuggets as best practice  Flash nuggets as best practice  http://www.california­gold­rush­miner.us/california­gold­nugget.htm
  • 6. 3. Cheap Tricks  In­place editing  In­place editing  Attention control  Attention control  In­Page Messaging to user  In­Page Messaging to user  Tabs Tabs 
  • 7. 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.  Subscribe to user  Put multi­words tags within  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 
  • 8. Pricew’s Slidespace  1  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)
  • 9. 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  Welcome to SlideShare  By jboutelle (1 second ago)  By userx (2 days ago)  Welcome to SlideShare  By userx (2 days ago) 
  • 10. 4. Flash graphic goodies  Fonts  Fonts  Vector graphics  Vector graphics  Animation Animation 
  • 11. 5. Flash multimedia  Output of media  Output of media  Input of media  Input of media  Editing of media Editing of media 
  • 12.
  • 13.
  • 14. 6. Widgetopia!  Widgetopia  Yes, I mean widgets Yes, I mean widgets 
  • 16. 7. Cool, but not useful to me  Sockets  Sockets  Local data objects  Local data objects  FLEX FLEX 
  • 17. FLASH crossover Artists Artists  8. AJAX 
  • 19. Questions? Questions?  www.slideshare.net/jboutelle  www.slideshare.net/jboutelle