Visualize your Twitter Timeline with jQuery and SIMILE

Since my last post I wondering if there was a better way to visualize my tweets. The Word Cloud was a nice feature, but I wanted more. I thought about using the Google Annotated Time Line chart, but it didn’t quite give me what I was looking for. Well, it turns out there is a really cool JavaScript plug-in called Simile Timeline that provides the functionality I was looking for.

So, I threw the following together to display my tweets. After completing it, I realized how much I actually tweet! A lot of exciting stuff was going on after being on vacation, having PDC 2009 going on, and watching the jQuery Summit.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Visualize your Twitter Timiline with jQuery and SIMILE






Visualize your Twitter Timeline with jQuery and SIMILE



Twitter Username:




View, Run, & Edit Source Code

cooltext439924738 cooltext439924698

 

Read More »

Twitter Word Cloud Visualization with Google API

With all the Google Closure news recently, I thought I would play around a little more with what Google has to offer. I’ve been impressed with their charting options that have been available in Google Docs and noticed that they are also available to use outside of Google Docs.

After looking through the Google Visualization API Gadget Gallery I decided upon playing around with the WordCloud chart.

I thought I would use jQuery AJAX to pull the recentl 20 tweets from a user name and then create a Word Cloud using Google’s API.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Sandbox










Twitter Username:


View, Run, & Edit Source Code

 

cooltext439925164 cooltext439925034

Read More »

DevExpress CodeRush with Refactor Pro Giveaway

DevExpressThis time Devexpress has offered to giveaway 3 separate licenses of their CodeRush with Refactor Pro Visual Studio add-on each with a value of $249.99!

CodeRush with Refactor Pro is a productivity tool that can assist you in your programming efforts. There are many features that can catapult your productivity to the next level. There are more details later in this post covering the detail of this Visual Studio add-on.

Giveaway Rules

The contest will start today, November 5th, 2009, and last 7 days concluding on November 11th, 2009 11:59PM. At that point I will pick the winner and announce the results on the following day.

In order to signup for the giveaway you need to do 4 things…

  1. Follow @elijahmanor on Twitter
  2. Tweet the following…
  3. Add a comment to this blog including your Twitter username
  4. And in honor of our sponsor follow @DevExpress on Twitter and become a fan of DevExpress on Facebook

At the end of the contest I will pick a random comment from this blog entry and then make sure the comment author also completed the other 3 steps. At that point I will Direct Message the winner (which is why you need to follow @elijahmanor) with further instructions to receive the CodeRush with Refactor Pro license.

Note: You can add multiple comments to this blog post, but only one per day per person. This increases you chances of winning. So please, come by once a day during the contest and leave a comment below.

Learn More About CodeRush with Refactor Pro

1. The online screencasts will teach you quickly how to get started with CodeRush

2. Download the fully-functioning trial and test drive in your Visual Studio

3. Check out their blogs, they've got some great content up there

4. DevExpress has a big developer fan base and their Facebook Page shows this enthusiasm and excitement. Become a fan by going to this page

You can also check out a great blog post by Rory Becker (@RoryBecker) explaining the top features that he likes about CodeRush with Refactor Pro.

Winners Announced…

Congratulations to Al Gonzalez (@algonzalex), Simon Green (@lumbarius), and John Nystrom (@johnnystrom) for winning the CodeRush with Refactor Pro Giveaways. Someone from DevExpress will be contacting you shortly with instructions.

Thanks to everyone for participating. I have other prizes to giveaway in the near future. So stayed tuned ;)

Read More »

AJAXified jQuery Flip Plugin

I was talking to a friend a couple of weeks ago and he was looking for some plugin that would visually flip over a section of the screen (like flipping an index card). He had a master/detail layout and wanted to be able to click on a link from the master, the content would flip, and then the detail content would be displayed on the flipped side.

I recommended the Flip! jQuery Plugin since it was the closet thing I was aware that would do this effect without WPF, Flash, or Silverlight. Since the plugin supports several custom events (onBefore, onAnimation, onEnd) I figured that on the onBefore event an AJAX call could be initiated and the callback content can be inserted onto the reverse side of the master.

Here is a sample application that I put together last night. The app requests your twitter username, flips, retrieves the latest tweet using JSONP from Twitter for that username, and then displays it on the flip side.

AJAXified jQuery Flip! Plugin

I have hosted it on JsBin so that you can view the code, run the code, and edit the code to your heart’s content ;) I have also listed the code here below.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 







AJAXified jQuery Flip! Plugin






Enter Twitter Username




View Source Code & Edit

I hope you found this plugin interesting. I had a fun time putting it together ;)

 cooltext439925164 cooltext439925034

Read More »

Whiskerino 2009: A Beard Growing Contest

WhiskerinoLogo
For those of you who don’t know I recently started a beard growing contest called Whiskerino!
Whiskerino is a 4 month beard growing contest starting November 1st, 2009 and proceeding through Feburary 28th, 2010.
The basic idea behind Whiskerino is…
<blockquote>Shave completely clean, post images regularly, interact, participate in themes, be nice. Grow a massive beard.</blockquote>So, if you want to know where I am in my beard growing process, feel free to visit my Whiskerino Profile Page. You can also subscribe to my RSS Feed to make sure you don’t miss a thing ;)
2009-11-01-T
You might have noticed that I’ve been updating my Twitter Profile image frequently (like the one of the left). That is because when I upload a new Whiskerino picture I’m also updating my Twitter Profile as well. In addition, I will also be tweeting when I have updated my Whiskerino profile ;)
Several of my friends have joined me during this manly adventure. The following men are from Nashville, TN:
<ul><li>Alex Robson (@a_robson) </li><li>Jim Cowart (@ifandelse) </li><li>Bryan Hunter (@bryan_hunter) </li><li>Stephen Chisholm (@creativeliberty) </li><li>Andy Matthews (@commadelimited) </li></ul>Note: I will be shaving my neck ;) I refuse to grow a Neck Beard… yuck!

Read More »