JavaScript Library For Tweetable Web Content – InlineTweet.js

Category: Javascript , Recommended , Social Media | April 9, 2016
Author: ireade
Views Total: 1,746
Official Page: Go to website
Last Update: April 9, 2016
License: MIT

Preview:

JavaScript Library For Tweetable Web Content – InlineTweet.js

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 {   
    ... 
}

You Might Be Interested In:


Leave a Reply