DEV  


How to create beautiful stuff with ScribbleLive API 


Desktop solution: embed


  • Customize look and feel using CSS and JS

  • NEW: Set width as a percentage rather than number of pixels. 

  • Example of integrate responsive design: Seattle Times   


Desktop solution: whitelabel


Out of the box solution: does display well on mobile browsers - users can pinch and zoom. 

You can either attach a mobile skin to it or provide a responsive template.


MOBILE THEMES  

Customized white label redirects that are optimized for mobile readers. Mobile themes allow you to: 

  • Automatically detect mobile readers and deliver an optimized version of the event;
  • Insert custom header and footer graphics and navigation bars;
  • Insert banner ads: see ABC News;
  • Insert inline ads;
  • Customize the display skin: see Heise Online
  • Add CSS, javascript, HTML (i.e. remove avatars, change metadata, remove anonymous commenting login);


API Integration 

Using our REST API allows you to use your ScribbleLive data any way you want


  • Use our open source API projects to make a recent posts widget (RPW) that can be embedded on any page. Example: GlobalNews Canada
  • Differentiate the event for in-app users vs. mobile browser users, if you want to give them different experiences (i.e. removing the nav bar for the in-app readers.)  check the example below! 
  • Integrate directly into your app: see The Score

    GlobalNews: RPW desktop view

    GlobalNews: RPW mobile view



    ...and a look at the code...

     

    Simples


    Things you can do are only as limited as your imagination.

     You can completely change the reader experience (create a timeline, change the look and feel, allow readers to sort content, etc.) 


    scroll down 




    Interactive bullet point and timeline to recap the action at the end of each day. Linking to individual posts with unique URL for huge SEO benefits. 

       



    Tagging content: interactive map vs different liveblogs for different candidates. 







    From the Scribble playground:  cool stuff you can do with API 



    (scroll right, then down) 


    Hack day: 
    Scoreboard and custom icons 


    ...and here's a peek to the ScribbleLive backend...


     API Resources:


    New features added on weekly basis: can you cope?

    Questions? 


    support@scribblelive.com 


    NO QUESTIONS?


    THANKS!!

    Scribble DEV 

    By Lillo Montalto Monella