JavaScript Library For Tweetable Web Content – InlineTweet.js

Preview:

Description:

InlineTweet.js is a pure JavaScript library which turns any inline text content into customizable tweetable quotes/links. Helpful to share specified web content on Twitter.com.

Basic usage:

Download and include the inlinetweet.js library on the webpage.

<script src="src/inline-tweet.js"></script>

Wrap the web content you want to share into an inline element with the ‘data-inline-tweet’ attribute.

<span data-inline-tweet>Content goes here</span>

That’s it. You can also customize the twitter share links using html5 data-* attributes as these:

<span data-inline-tweet       
      data-inline-tweet-via="cssscript"   
      data-inline-tweet-tags="javascript"    
      data-inline-tweet-url="cssscript.com">   
      Content goes here
</span>

Style the tweetable links whatever you like.

[data-inline-tweet] a {   
    ...
} 
[data-inline-tweet] a span {   
    ...
} 
[data-inline-tweet] a:hover span {   
    ... 
}