internet explorer – Stay N Alive

Now You Can "Like" Any Tweet on Twitter.com

As part of Kynetx’s Facebook App contest I wrote a simple browser extension that you can install on Chrome, Internet Explorer, or Firefox, which allows you to, in addition to the “retweet”, “favorite”, and “reply” links you see when you mouse over a Tweet, you can also now “like” the Tweet as well.  What does this do?  It puts it on Facebook, of course!  Here’s me liking one of Jolie O’Dell’s Tweets (she had the most like-worthy Tweet in my stream at the time):

The plugin was very simple to write on Kynetx’s platform – Brad Hintze explains it well over here, but to put it simple, all I had to do is distinguish through a selector where to put the like buttons and put Facebook’s default like button iframe code in where each Tweet is.  With some simple jQuery I could identify the permalink for the Tweet, insert that as the href for the like button, and voila, each like links right back to the Tweet on Twitter.com.  The like shows up in my profile like this:

Of course, there is much more I can do with this – at the moment I’m using Kynetx’s Facebook API to greet you by name and tell you how to use the plugin.  I anticipate also enabling a “post to facebook” checkbox below the status update box in Twitter, and because you’ve authorized your Facebook account through Kynetx you can now cross-post to Facebook, straight from Twitter.com.  Or, what if I wanted to, in my Twitter settings, pull my profile pic from my Facebook profile and upload that to Twitter as my profile pic?  I could use Kynetx’s Facebook API to access the profile picture, then use Kynetx’s Twitter API to upload that pic up to Twitter.  Not just that, but all the changes, written in one single language and written only once, get compiled into Chrome plugins, Firefox plugins, Internet Explorer plugins, as well as Information Cards and bookmarklets anyone can install to completely customize the Twitter.com experience to work with Facebook.  What are some other ways you can see this extended?

If you haven’t tried out Kynetx yet go check it out.  This was very simple to write – you can see the source code I used over on the Kynetx blog.  Feel free to add to it and make your own creations – I’ll just release this all under the GPL, so change away.  Oh, and if you’re not a developer go install the extension and like your favorite Twitter posts!

I’ve uploaded the extensions for IE, Firefox, and Chrome all to this zip file – feel free to download and enjoy!  It’s a work in progress (and mostly a hobby), so please send me your ideas and feedback.

Disclosure: I won a $200 Amazon Gift Certificate for entering this app into Kynetx’s Facebook app contest

Let’s Take This Just One Step Further Google

ChromeI think I speak for all developers when I say that having to develop for IE browsers sucks.  Internet Explorer, unfortunately still the most widely used browser on the internet, has failed the development community and the web in general in keeping up with internet standards. While developers can do some really cool stuff with HTML 5 and open source browsers like Chrome, Firefox, and Webkit-based Safari, IE misses the mark. Unfortunately this goes for even the most recent versions of Microsoft’s browser.

This is why I was really happy to see Google produce a plugin for IE called Chrome Frame, which when installed, loads a Chrome browser within IE for the user giving the user all the added functionality of a modern HTML 5-compliant browser without having to do much at all to switch to a new environment or fiddle with the default browser settings.  I think it’s a pretty clever idea.

What I think is even more clever is that Google is now requiring users to install the plugin if they are going to use their upcoming product, Google Wave.  When Google Wave launches, if users visit the product in Internet Explorer, they will get a message that looks like this:

chrome frame message

I think most users won’t even blink an eyelash to installing it, and, just like Flash or Quicktime or any other type of Internet Explorer plugin they’ll have no problem agreeing and installing it within their browser.  This is especially if they want to use Google Wave, something I predict could very well replace Gmail and the way we communicate today in the future.  But I think Google should do more.

Let’s take this one step further.  I think it would be really cool if Google provided simple HTML/JavaScript code that provides the exact html you see above, that any developer can install on their website.  Any developer can do that now by writing their own browser detection code in JavaScript, but let’s make this as easy as possible and standardize it. If users become familiar with this style and look, they will be much less likely to complain and much more likely to install.

As a developer I would be more than happy to install such code on my site, reducing the amount of time I have to spend switching computers to test in IE and messing with entirely different standards, increasing the time I have to develop my app.  As an entrepreneur and business owner it’s simply too costly to have to worry about so many different browsers at once.  If I could focus on simply the standards and get all the new HTML functionality right now without duplicating my effort in 2 browser environments that would be a huge win for me, and definitely worth the investment. I’d install it in a heartbeat.

So how about it Google? Let’s provide that message and plugin install widget for all developers and make this a much more open and modern web outside of the control of Microsoft.  I’m loving where Google is going with this.