vTip on delicious.com

vTip (our lightweight tooltip plugin) is on the front page of delicious! Thanks to everyone who has supported us, and watch out for the new improved version 3 coming soon!

vTip Featured on Ajaxline

vTip has been featured on AjaxLine’s 30 Best jQuery Plugins for May 2009! It’s nice to see people are appreciating and using them across the web.

We’ve just release version 2, which includes a minified version of the code bringing it down to 0.7KB, and 1KB in total with the images and CSS.

vTip on jQuery.com

vTip is now available on jQuery.com, have a look and give us a positive vote!

jQuery UI Tooltip Plugin

UPDATE: There is now a dedicated page: jQuery vTip.

We’ve looked around for a nice jQuery tooltip plugin and failed to find one that suited us, and we specifically wanted jQuery UI integration so the styling is done using whatever theme you are rolling.

To use it attach a class of vtip to any element, and give it a title. For example, <a href=”test.html” class=”vtip” title=”This is the tooltip!”>Link</a>.

Here’s the code, feel free to use it and drop us a backlink if you care:

/**
Vertigo Tip by www.vertigo-project.com
Requires (kind of) jQuery UI, and (definately) jQuery
*/

this.vtip = function() {
    xOffset = 5; // x distance from mouse
    yOffset = 20; // y distance from mouse       

    $(".vtip").hover(

        function(e) {
            this.t = this.title;
            this.title = ''; //stop the actual title showing

            $('body').append( '

' + this.t + '

' );
            $('p#vtip').css("display", "none") //hide it
                       .css("position", "absolute").css("opacity", "0.9").css("padding", "10px") //style
                       .css("top", (e.pageY + yOffset) + "px").css("left", (e.pageX + xOffset) + "px") //position
                       .fadeIn("fast"); //show it
        },
        function() {
            this.title = this.t; // set the title back

            $("p#vtip").remove();
        }

    ).mousemove(

        function(e) {
            $("p#vtip").css("top",(e.pageY - xOffset) + "px")
                       .css("left",(e.pageX + yOffset) + "px");
        }

    );            

};

jQuery(document).ready(function($) {
    vtip();
})

Almost April Update

Long time no speak! We’ve been busy working on Vertigo Rentals – a product we’ll soon be releasing which allows you to run and manage a rental system for apartments!

We hope it have it available some time next month, so stay tuned as the first 50 sales will be getting a discount!

Google App Engine

Finally, we have an account for Google App Engine! We’ve been playing around with Amazon, Facebook and more trying to find a flexible and powerful way to move forward with our new project and this might just be perfect.

Have a look at the details if you’re interested (http://appengine.google.com/) – once we’ve done some more investigation we should have some more new up here.

Related articles by Zemanta

• GigaOm: Google Opens Up App Engine Pricing Model (via Blog)
• Zoho Creator Deploys to Google App Engine
• Zoho Creator Expands Google AppEngine’s Reach

RedLine FB Online

RedLine is now available on Facebook. Head over to http://apps.facebook.com/redline_racing/ to add the application and try to beat our scores

Related articles by Zemanta

• RedLine + Facebook

RedLine Public Demo 1

We’ve been toiling away with sound fixes for gameQuery, problems with slow javascript implementations and more, but are getting close to releasing the first public demo for one of the racing games in RedLine. Its a side scrolling racer, where you have to dodge enemies, collect petrol and miss the dirts/hit the speedups to get a high score – arcade classic style.

There’s still much to be done, but we will be posting it and the source code here on Vertigo Project once its ready!

gameQuery

Something we’ve been playing around with for RedLine is gameQuery, a jQuery plugin for javascript game development.

gameQuery is a jQuery plug-in to help make javascript games easier to develop by adding some simple mechanism and commodity. It’s still in a very early stage of development may change a lot in the version to come. The project has now also a Google Code page where the svn repository of the project will soon be hosted.

We’ll hopefully have a demo or two up with some of the stuff you can do with it soon, but in the meantime feel free to check out the site if you enjoy the odd bit of javascript madness.

Related articles by Zemanta

• Plotting in jQuery
• Google Code Revamps with jQuery

games.vault9.net

Image by Phillie Casablanca via Flickr

We recently helped out setting up games.vault9.net for the Vault9 Forums, and the design came out quite well. If you’re interested, these are the libraries/tools we used –

• jQuery JS Library
• jQuery Navigation Effect
• jQuery Tooltips

and the rest was homegrown.

Related articles by Zemanta

• jQuery Site Redesign – The Community Speaks
• jqunit: extending jquerys testrunner to all
• Worth a look: jQuery talk
• Unobtrusive JavaScript with jQuery