In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.Also, be sure to go ahead [...]
March 16, 2010
As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course. Here are some files you will need: 1: Because we will use Cufon [...]
March 11, 2010
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 [...]
March 17, 2010
0