jQuery Lightbox on github

August 26th, 2008 7 Comments »

I’ve moved jquery lightbox’s development from google code to github.com.  I’ve not yet closed down the google code repository, but i’m going to take time this week to clean it up, and direct everything to github.  I’ve had a nice boost of positive feedback in the last week or two, and have some features in mind for development.  I’ll keep progress posted here.

Cheers!

Click here to lend your support to: jquery-lightbox and make a donation at www.pledgie.com !

Soup.io clone written in JavaScript

June 1st, 2008 1 Comment »

Yesterday, I stumbled onto Soup.io, which is a service that aggregates your social media activity (twitter, digg, rss feeds, flickr, etc) into one solid social timeline. For whatever reason, I thought “Hey, this would be a neat service to provide in a javascript file!” I’ll blame that reasoning on an early rise on a rainy day.

Anyway, I did some digging around the net, and found a JSON feed for both twitter and digg, as well as a free RSS to JSON converter. That seemed like it would be all I needed, so I decided to try and whip something up that would emulate the Soup.io end product, using just javascript.

It only took a few hours of tinkering before I had the script working the way I wanted (I still made it out for lunch with friends), so the endproduct I have online right now likely isn’t bug/error free. I’ve only tested it in FireFox 2 and Safari 3. That being said, it seems to work swimmingly in both of those browsers.

I named the script I wrote “stew”, which was the closest thing to soup I could think up at 8am, and it’s really easy to implement. A full implementation looks something like this:

<script src="stew.js"></script>
<script>
stew.twitter_username = 'krewenki';
stew.digg_username = 'krewenki';
stew.rss_feed = 'http://feeds.feedburner.com/warrendotmesozendotcom';
stew.rss_custom_badge = 'http://warren.mesozen.com/favicon.ico';
stew.write_script_tags();
</script>

And that’s it!

With that, your web browser contacts the services you specify, and grabs your most recent history, and formats in a nice timeline, organized by day of occurrence.

You can view a demo here, or download what i’ve got so far here.

Just a note, though. Since this uses javascript, and no serverside language, you can’t cache any content to show to your users. That means that in any sort of “high traffic” environment, this script would perform far too many HTTP requests to each of the providers of the services you’re displaying. With that in mind, this is more of a “just because I could” project, more than a “You can use it too” project. If you like the idea of this style, sign up for an account at http://soup.io because they do this the right way, and likely better than I do, anyway.

Cheers!

jQuery Shake Effect

April 2nd, 2008 7 Comments »

I realized today that there was no Shake function for jQuery, a function I miss from scriptaculous. I did some googling to find a plugin but didn’t find much.  I did end up finding a site that referenced a plugin named shakeit() .   My current google searches turn up nothing, but here’s a slightly modified version of the code:


jQuery.fn.Shake = function(){
     this.each(function(init){
          var jqNode = $(this);
          jqNode.css({position: 'relative'});
          for (var x = 1; x < = 3; x++){
               jqNode.animate({ left: -25 },10)
               .animate({ left: 0 },50)
               .animate({ left: 25 },10)
               .animate({ left: 0 },50);
          }
     });
return this;
}

If anyone knows who’s plugin this is, please leave a comment, so I can give them the credit they deserve.

jQuery Lightbox Version 0.5

March 26th, 2008 13 Comments »

After a long hiatus, jQuery  Lightbox has been given a much needed push to completion.  Thanks to some help from google code user kkotowicz, we’ve got some new features:

  • Multiple instances of lightbox galleries are now allowed
  • Added support for navigation bar on top
  • Added support for toggling of displaying a title
  • Added support for toggling of sliding the navigation bar
  • Added a help dialog, that can be toggled
  • Added a fit to screen feature
  • Removed some custom functions in place of some jQuery equivelents (width/height, destroying elements)
  • All strings are now in opts.strings allowing for customization/localization
  • Fixed the dreaded IE CSS bugs

On top of that, i’ve made a few tweaks to the animation, which I plan on being an option in 0.6 or 1.0 (if this release works well for all).

I highly recommend that everyone upgrade to this release, as it’s far more feature complete, and feels like a solid product.  As always, please comment with any comments/issues, and they’ll hopefully be worked into the next version.  For now, download jQuery Lightbox 0.5.

Cheers!

Firebug and FireFox 3

March 26th, 2008 1 Comment »

Just a quick note.  I started using the Firefox 3 beta this week, and thus far, i’m in love with it.  My biggest gripe was the lack of firebug.  This has apparently been addressed already in the 1.1 release of firebug.  I’ve given it a shot, and so far, it’s working brilliantly.  I’m sorry Flock, but I think our love affair has come to a close.