Spritely is a jQuery plugin for creating dynamic character & background animations using HTML + JavaScript. With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily. jQuery Spritely Animated elements can fly over the page without effecting any other element (can be ideal for floating-type banners) & the page still remains accessible. Specially, for [...]
March 10, 2010
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the [...]
March 4, 2010
Some images are worth a closer look, which is why there’s Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor [...]
March 3, 2010
Ajax is cool. I mean, as long as you use it when practical and necessary, the benefits both visual and experience wise are very evident. The days of submitting a form and being sent to a new page just to have to navigate back to where you were are passed, and sending information without page [...]
February 25, 2010
Greeting, I haven’t posted jQuery tutorial for quite a while now because I have been busy sketching and working on the redesign of Queness and other projects. Yep, something exciting is coming soon :Anyway, in this tutorial, we will learn how to create a thumbnail image tooltip with jQuery. It displays a tooltip image when [...]
February 24, 2010
In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to look a bit messy: the menu items are going to have a random rotation using the CSS3 property “transform”. So, when we load the page each menu [...]
February 23, 2010
Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements. Today we’re going to look at how to use it [...]
February 23, 2010
This is a little specific… but I figured what the heck maybe it will be useful for someone. I recently had occasion to make multiple different login forms on a single page. With CSS we know we can apply styling to active inputs with :active. That’s useful… and we’ve covered how to do both input [...]
February 23, 2010
There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we’re going to build your first jQuery plugin. It’ll generate a bubble effect for your menu list and we’re going to [...]
February 22, 2010
Contact forms are an indispensable part of every website. They are mostly implemented on a separate page and they rarely display creativity, even though there are many ways to improve their visual style. In this tutorial you will see how to create a dynamic, slide-in contact form using jQuery. Let’s see what we’re trying to achieve [...]
March 11, 2010
0