article:
Elements Design: Page Curl
article:
Elements Design: Sign In Widget

JS Plugin: Tweet

Advertisement

"Put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery."


Usage

1. Get JQuery.

2. include jQuery and jquery.tweet.js files in your template's <head>.

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="/tweet/jquery.tweet.js" type="text/javascript"></script>

3. Also in <head>, Initialize tweet! on page load with your Username and other options
<script type='text/javascript'>
    jQuery(function($){
        $(".tweet").tweet({
            join_text: "auto",
            avatar_size: 32,
            count: 3,
            loading_text: "loading tweets..."
        });
    });
</script>

4. In <body>, include a placeholder for your tweets. They'll get loaded in via JSON. How fancy!
<div class="tweet"></div>

5. Style with our stylesheet in <head>, or modify
<link href="jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/>


Features

- small size and fast download time
- will not slow down or pause your page while tweets are loading
- display up to 100 tweets, as permitted by the twitter search api
- display tweets from a twitter search, or from your own feed
- optional verb tense matching, for human readable tweets
- optionally display your avatar
- optionally display tweets from multiple accounts!
- automatic linking of @replies to users’ twitter page
- automatic linking of URLs
- automatic linking of #hashtags, to a twitter search of all your tags
- converts <3 to a css styleable ? (we ? hearts)
- customize the style with your own stylesheet or with other jquery plugins
- customize the layout with a user-defined template function
- supports RequireJS and other AMD-compatible javascript loaders



source
sample
github
download

Advertisement
Tags: twitter, plugin, jquery, json, tweets, web, develop, webpage, internet, design, layout

Leave a Comment

No Comment

© Creative3x Ltd.