Yet another tweet wall! What can I say. This one is quite minimalistic, only front-end. There's a Github hosted and self-hosted version available.
It was created by Bran van der Meer so Fronteers 2012 would not have a Flash-based tweetwall, but a CSS3 animation-based one.
- Simple example wall:
#search=fronteers
- Simple example wall, with complex query:
#search=fronteers+OR+fronteers12
- Simple example wall, with speed:
#search=fronteers&speed=10000
- Relies heavily on CSS3 animations, basically the only supported browsers are the latest stables of Chrome, Firefox and Opera. I consider this not a problem, since in most of the situations the used browser is in a controlled environment.
- It has been designed for screens with the 4:3 ratio, since most beamers are not yet widescreen. You can easily make it work on a different ratio, just change the backgroundImage.
- Github Pages hosting: Add config parameters in the url after the hash.
- Self hosting: Add config parameters while calling
OpenTweetWall.init()
, example:
OpenTweetWall.init({'search': 'fronteers', 'speed': 10000});
search
string
The twitter search string, default'@cnn'
totalTweets
integer
Number of maximum tweets that will be on screen at the same time, default 4.includeRTs
boolean
Whether retweets will be included with the'RT '
prefix.speed
integer
Number of milliseconds it will take a single tweet to reach the top, default 20000 (20 sec).updateInterval
integer or booleanfalse
Number of milliseconds after which twitter will be polled for new tweets, false for no updates. Default 5000 (5 sec).
See Twitter Rate limits.font-size
string
CSS font-size declaration, default36px
.backgroundImage
string url
Body background image, default:'bg.jpg'
tweetHtml
string
HTML template for a single tweet, available variables are:[user]
[tweet]
[date]