Code Monkey home page Code Monkey logo

hipstertweetwall's Introduction

HipsterTweetWall

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.

Examples

Features

  • 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});

Config parameters

  • 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 boolean false
    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, default 36px.
  • backgroundImage string url
    Body background image, default: 'bg.jpg'
  • tweetHtml string
    HTML template for a single tweet, available variables are: [user] [tweet] [date]

hipstertweetwall's People

Contributors

branneman avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

hipstertweetwall's Issues

Refactor config

  • make it possible to give config params speed and updateInterval a 'ms' and a 's' value

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.