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.
- Example of unresponsive page: Nettavisen
- Example of responsive page: Al Jazeera
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
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! Javascript/CSS SDK
- All documentation about using API on the help desk
- Open-source API projects:
- Custom white label landing page
- Event notifier - popup to notify readers elsewhere on site when live event starts
New features added on weekly basis: can you cope?
Questions?
support@scribblelive.com
NO QUESTIONS?
THANKS!!
Scribble DEV
By Lillo Montalto Monella
Scribble DEV
- 2,115