SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler 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 

Mais conteúdo relacionado

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

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

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

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

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 

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