Archive for 2011

    Pirobox a jquery lightbox

    Pirobox a jquery lightbox

    Hello and welcome, this is an advanced version of pirobox, I implemented a few things more than the previous version. One of the most important things is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop.

    jQuery quickie: Unlimited Scroll using the Twitter API

    jQuery quickie: Unlimited Scroll using the Twitter API

    I’m currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

    I wanted to take this technique and port it to another jQuery example. So the quickie for today is Unlimited scroll using jQuery. I’ve using the Twitter API to make the example, so you’ll learn a little bit about JSON too…

    Kinetic – jQuery Text Animation

    Kinetic Text Animation using jQuery

    I thought about making one using jQuery. And I sort of did. It’s not exactly a “kinetic animation” but it just somewhat like it. And its very small. Usually kinetic animations are of at least a minute, this is just a few seconds. But hey, it’s all done using jQuery. This is just done to show that a kinetic animation can really be achieved using jQuery. I, being a jQuery n00b for now (and more when I made this), couldn’t do more with it. I still don’t know if we can rotate text in jQ, else that’ll be COOL!

    jQuery Bookmark

    jQuery Bookmark plugin

    A jQuery plugin that sets a div to allow sharing of your page on various bookmarking sites.

    jQuery Page Peel

    jQuery Page Peel

    This little jQuery plugin which does exactly what it says on the tin – creates a page peel! This is a little page animation which sits at the top right hand of the screen and when the mouse hovers it the page “peels” down and reveals the content behind it. It could be used to display a popular area or feature of your website but is most commonly known these days to display advertisements. Let’s face it the page peel grabs your attention straight away!

    jQuery custom content scroller

    jQuery custom content scroller

    Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

    jQuery Position Absolute

    jQuery Position Absolute

    This nifty little jQuery plugin can make products fit on screen creating an interesting way of displaying them so that they are all visible. Now your days of reducing the size of your images to small thumbnails are over with this fantastic jQuery plugin.

    jqPlot – jQuery plotting and charting plugin

    jqPlot - jQuery plotting and charting plugin

    jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.

    Nodstrum – jQuery Auto Completer

    Nodstrum - jQuery Auto Completer

    I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more…

    jQuery Lifestream – Create a stream of your online activity

    jQuery Lifestream – Create a stream of your online activity

    jQuery Lifestream is a plugin that allows you to create a stream of your online activity. It supports a multitude of services.

    It currently supports the following feeds: Bitbucket, Bitly, Blogger, Digg, Dailymotion, Delicious, DeviantART, Dribbble, Facebook Pages, Flickr, Formspring, Forrst, Foursquare, Github, Google Reader, Instapaper, Iusethis, Last.fm, LibraryThing.com, Mlkshk, PicPlz, Pinboard, Posterous, Reddit, Slideshare, Snipplr, Stackoverflow, Tumblr, Twitter, Vimeo, Wikipedia, WordPress & Youtube.