jTweetsAnywhere V1.3.1 is released.
Fixed an issue with tweets loaded in auto-refreshing mode might have wrong tweet-id.
Effects of this misbehavior will result in showing wrong/empty tweets in the retweet, reply to and favorite web intent popup.
Thanks to Aaron Markie for digging that up!
Here’s the link to the jTweetsAnywhere github repo: jTweetsAnywhere on Github
It’s the preferred place to submit and discuss feature requests, bugs and issues. Thanks to lazymanc (Phil Moorhouse) who started the list.
jTweetsAnywhere V1.3.0 is released.
Here is the complete list of new features and changes for this release.
locale.showTweetFeed.autoConformToTwitterStyleguide (Sets options to confirm to Twitter’s styleguide regulations).showTweetFeed.showTwitterBird (Show/hide Twitter bird icon beneath the timestamp of a tweet, linking to the tweeter’s MiniProfile Web Intent).showTweetFeed.showActionReply (Show tweet’s ‘Reply’ action: supplies a link to popup the tweet’s Reply Web Intent).showTweetFeed.showActionRetweet (Show tweet’s ‘Retweet’ action: supplies a link to popup the tweet’s Retweet Web Intent).showTweetFeed.showActionFavorite (Show tweet’s ‘Favorite’ action (supplies a link to popup the tweet’s Favorite Web Intent).tweetDataProvider.rateLimitDataProvider.tweetTwitterBirdDecorator.tweetActionsDecorator.tweetActionReplyDecorator.tweetActionRetweetDecorator.tweetActionFavoriteDecorator.autorefresh: { mode: 'trigger-insert' } feature. Thanks to Adam Southorn!widgets.js file for the Tweet button. Thanks to Brad Beebe!For additional information take a look at the documentation. Each new feature described there is tagged with
“Since: 1.3.0″.
I hope you like the new features. Any feedback would be appreciated, so give it a try and let me know. Thanks.
jTweetsAnywhere V1.2.1 is released.
Due to the fact that Twitter will switch to their new tweet ID generator (called Snowflake) using 64bit unsigned integers on 26th November 2010, here is a new release of jTweetsAnywhere that will support this change.
You should definitely update to V1.2.1 before 26th November 2010.
Please find more detailed information from Twitter here.
jTweetsAnywhere V1.2.0 is released.
In this release you will find a lot new features and also big changes under the hood. Let me summarize the main building blocks of the new release.
Two of the most requested features from the jTweetsAnywhere users were the support for auto-refreshing tweet feeds – to be able to build realtime or live tickers and the ability to access earlier tweets by several paging variants. Both requests are fullfilled and can easily be adjusted by the configuration options.
Let’s look at an example. This script is used in the demo Auto-refreshing Realtime Ticker and More Tweets to populate the placeholder.
$('#jTweetsAnywhereSample').jTweetsAnywhere({
searchParams: ['q=html5'],
count: 10,
showTweetFeed: {
autorefresh: {
mode: 'trigger-insert',
interval: 30
},
paging: {
mode: 'more'
};
showTimestamp: {
refreshInterval: 15
}
};
});
The parameters searchParams and count should be well-known: They select what tweets and how many of them should be presented. More interesting is what comes next.
The autorefresh configuration option specifies that jTweetsAnywhere should look for new tweets every 30 seconds. If there are new tweets, a button (trigger control) will be presented at the top of the tweet feed that shows the number of new tweets available (similar to Twitter). This behaviour is configured by the mode: 'trigger-insert' parameter. As an alternative you can set the mode to 'auto-insert' if you want the new tweets to be inserted on top of the tweet feed automatically without user interaction.
The paging configuration option specifies that earlier tweets should be accessible by a click on the ‘more’ button at the end of the tweet feed. Each click adds 10 earlier tweets to the feed. Other paging modes are 'prev-next' which offers flipping through the pages of tweets back and forth (see a demo here) and 'endless-scroll' where earlier tweets will be loaded automatically when reaching the bottom of the feed (see a demo here).
Finally the showTimestamp configuration option makes sure that all visible tweet timestamps in the widget are updated at an interval of 15 seconds. This is desireable for tweet timestamps like ‘17 seconds ago’ which would’t be true after a while.
This is important:
Please always keep in mind, that the use of the Twitter API is rate limited. Non-authenticated users are rated IP-based and you have only 150 calls per hour available. Every retrieval of tweets counts and so does for example hovering over a profile image to show the hovercard. jTweetsAnywhere will always check the remaining count of free API calls before actually calling Twitter to avoid black listing your visitor’s IP.
However – choose your settings wisely to keep your visitors happy. A refresh interval of 30 seconds on a tweet feed that is updated averaged once per hour does not make sense and is a total waste of remaining API calls!
Caching is always good, isn’t it? Well … yes … of course.
Berfore Version 1.2.0 jTweetsAnywhere requested the number of tweets from the Twitter API that you configured through the count parameter. Some of you then realized that less than count tweets were delivered by Twitter. The reasons for that behaviour might have been deleted tweets that were just flagged ‘deleted’ and not yet eliminated from the databases (but filtered out from the response) or native retweets that were skipped by Twitter because the request parameter 'include_rts=true' was missing.
From now on jTweetsAnywhere will always deliver the requested amount of tweets, given that there exist enough tweets. For this reason jTweetsAnywhere will always request the maximum number of tweets for the given type of Twitter API call. For a user’s feed or a user’s list feed the maximum is 20 tweets while for a search request you can get up to 100 tweets per API call from Twitter. The loaded tweets will then be stored in the cache. If more (earlier) tweets are requested by one of the paging variants jTweetsAnywhere will try to fulfill that demand from the cache first. If there aren’t enough tweets available, additional tweets are loaded and cached. Thereby the amount of API calls is minimized and Twitter’s rate limit exhaustion will be defered. This is especially important when using the auto-refresh feature.
Before executing any Twitter API call the rate limit is checked and only if there still are possible API calls remaining the request will be sent. This ensures that no calls will be executed if the rate limit is already exhausted and saves your visitors from getting black-listed.
Another benefit is the ability for the user to filter out certain tweets by supplying a customized tweet filter. Each tweet loaded from Twitter will pass the filter and is stored in the cache only if the filter allows it.
By the way, native retweets are supported in V1.2.0 and their presence in the displayed tweet feed can be configured by the includeRetweets option.
Since the initial release jTweetsAnywhere used the concept of decorators to produce each element’s html markup and supplied a default decorator for each of these elements. Version 1.2.0 adds a few more new decorators to the already existing ones reflecting the new elements, like the tweetUsernameDecorator, tweetGeoLocationDecorator, tweetInReplyToDecorator, tweetRetweeterDecorator, tweetFeedControlsDecorator, tweetFeedControlsMoreBtnDecorator, tweetFeedControlsPrevBtnDecorator, tweetFeedControlsNextBtnDecorator, tweetFeedAutorefreshTriggerDecorator, tweetFeedAutorefreshTriggerContentDecorator and the noDataDecorator.
As a user you had the option to overwrite the default decorators to adjust the resulting markup by your needs. V1.2.0 continues this concept by supplying default formatters, visualizers and event handlers for the various needs.
The formatters, tweetTimestampFormatter and tweetTimestampTooltipFormatter, are currently used only for tweet timestamp formatting purposes and makes the provision of other timestamp formats much easier than the previous way of overwriting the tweetTimestampDecorator.
Visualizers are functions that are responsible for adding one or more elements to the DOM and thereby making them visible to the user. Furthermore a visualizer might also be responsible to do the opposite effect: To remove one or more elements from the DOM. The tweetVisualizer for example gets called each time a tweet element should be appended or prepended to the tweet feed element. For details, see the implementation of the defaultTweetVisualizer. The other visualizers that currently exist are the loadingIndicatorVisualizer and the autorefreshTriggerVisualizer.
An event handler is a function that gets called whenever the event you are interested in, occurs. The onDataRequest event handler will be called immediatly before calling Twitter to retrieve new data and gives you the opportunity to deny the call by returning false from the event handler. This feature might be used in conjunction with the paging feature, especially when using the ‘endless-scroll’ paging mode, to avoid the exhaustion of remaining Twitter API calls, before the rate limit is reached. The stats parameter contains statistical infos and counters that you can examine to base your decision whether to return true or false. The onRateLimitData event handler is called each time jTweetsAnywhere retrieved the rate limit data from Twitter. The actual rate limit data is contained in the stats object.
This is important:
Due to the fact that native retweets are supported now, if you have supplied your own decorators, you might have a look at jTweetsAnywhere’s default decorators to check if your decorators need to be updated to handle these retweets correctly.
A view more configuration options have been added to the tweet feed configuration, regarding a tweet’s attributes. These are: showTweetFeed.showTimestamp, showTweetFeed.showProfileImages, showTweetFeed.showUserScreenNames, showTweetFeed.showUserFullNames, showTweetFeed.showGeoLocation and showTweetFeed.showInReplyTo.
Here is the complete list of new features and changes for this release.
showTweetFeed.showTimestampshowTweetFeed.showProfileImagesshowTweetFeed.showUserScreenNamesshowTweetFeed.showUserFullNamesshowTweetFeed.showGeoLocationshowTweetFeed.showInReplyTotweetUsernameDecoratortweetGeoLocationDecoratortweetInReplyToDecoratortweetRetweeterDecoratortweetFeedControlsDecoratortweetFeedControlsMoreBtnDecoratortweetFeedControlsPrevBtnDecoratortweetFeedControlsNextBtnDecoratortweetFeedAutorefreshTriggerDecoratortweetFeedAutorefreshTriggerContentDecoratornoDataDecoratortweetTimestampFormattertweetTimestampTooltipFormattertweetVisualizerloadingIndicatorVisualizerautorefreshTriggerVisualizeronDataRequestHandleronRateLimitDataHandlertweetProfileImagePresent is deprecated now. Use showTweetFeed.showProfileImages insteadFor additional information take a look at the documentation. Each new feature described there is tagged with
“Since: 1.2.0″.
I hope you like the new features and will find them useful. As always: Any feedback would be appreciated, so give it a try and let me know. Thanks.
jTweetsAnywhere V1.1.0 is released.
The following changes and enhancements made it into this release.
showTweetFeed.showSource (show a tweet’s source (”via”) attribute).showTweetFeed.expandHovercards (initially show hovercards expanded).tweetAttributesDecorator.tweetSourceDecorator.errorDecorator.For additional information take a look at the documentation. Each new feature described there is tagged with
“Since: 1.1.0″.
jTweetsAnywhere V1.0.1 is released.
This release fixes a bug in the presentation of a tweets’s timestamp in any IE Browser version. All users of the initial release V1.0.0 should upgrade to this version.
jTweetsAnywhere is a jQuery Twitter Widget with @Anywhere support that simplifies the integration of Twitter services into any website.
With just a few lines of Javascript you can display tweets from users’ feeds and users’ lists, show results from a Twitter search, integrate a customizable TweetBox, let your visitors follow you directly from your site and handle secure authentication with Twitter.
Let’s start with a simple example on how to embed the widget into your site. We want to show 20 recent tweets from around Paris, France.
First, we have to include the necessary Javascripts. In our head section we add jQuery 1.4.2 and the jTweetsAnywhere plugin.
<head> <link rel="stylesheet" type="text/css" media="screen" href="jquery.jtweetsanywhere-1.0.0.css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.jtweetsanywhere-1.0.0.min.js"></script> </head>
Next, we add a placeholder (in this case the <div> element with the id ‘tweetsFromParis’) in the HTML page. The placeholder will then be populated by jTweetsAnywhere.
<body> <p>Some tweets from around Paris, France ...</p> <div id="tweetsFromParis"> </div> ... </body>
Finally, we integrate the plugin’s Javascript.
$(document).ready(function(){
$('#tweetsFromParis').jTweetsAnywhere({
searchParams: ['geocode=48.856667,2.350833,30km'],
count: 20
});
});
The result will look like this.
Addional samples that show Twitter’s @Anywhere support und the usage of your own decorators can be found on the jTweetsAnywhere Demo Page.
You can download jTweetsAnywhere from the widget’s home page.
You can find the complete documentation of all configuration options on the widget’s home page.
Any feedback would be appreciated, so give it a try and let me know. Thanks.
Today you’ll get some high resolution Bokeh textures. I’ve taken the pictures a few days ago during my stay at the Musikmesse in Frankfurt.
You can click on the preview images below to download the hi-res image or grab them all in a single zip archive at the end of the post. Hope you enjoy them.
All textures are free for personal and commercial use. If you like, you can drop me a note, when using the textures in your designs.
As a Photoshop designer, you always need high quality brushes for your work. Here is the list of my top 12 brushes resource sites to help you find the best Photoshop brushes around.
If you need more resources like patterns, vectors, textures or stock images for your designs, check my resources section.
