8 Fantastic jQuery Tutorials for Designers
Slide out and drawer effect
The effect is commonly known as an ‘accordion' and it's usually used to slide up, or down blocks of content to expose new blocks. The Apple web site is a great demonstration of this effect in action, where the mouse settles on the title of the 'section' and the associated links are exposed. What makes this effect particularly cool, is that the drawers maintain a fixed height and slide between restricted area.
Chain-able transition effects
Now let's see the power of jQuery's chainability. With just several lines of code, I can make the box fly around with scaling and fading transition.
VISIT TUTORIAL (#6)
VIEW DEMO
jQuery Tabs
Tabbing has been common place on the Internet for some time now. Today web sites will make use of tabbing without the page having to reload with the addition of JavaScript. For this tutorial I have created two screencasts demonstrating how to quickly apply a dash of jQuery to different layouts of markup, which, if the markup is well designed, it will automatically degrade nicely without JavaScript enabled.
Creating an Editable Chart
Data visualization in HTML has long been tricky to achieve. Past solutions have involved non-standard plugins, proprietary behavior, and static images. But this has changed with the recent growth in support for the new HTML Canvas element, which provides a native drawing API that can be addressed with simple Javascript.
Easy Multi Select Transfer with jQuery
I'm sure that at some point or another you've encountered a form widget like the one below, allowing options to be traded from one multi select to another.
VISIT TUTORIAL
Live demo inside tutorial
jQuery Hover Sub Tag Cloud
Tag clouds When, used properly, they can provide visitors with an instant illustration of the main topics of the site's content. And although we don't have that much choice in designing them, we can still find our way to come up with new design approaches and solutions. Here is a new approach: Using jQuery to reduce the size of the tag cloud that you have on your sites.
Slider Gallery
This ‘product slider' is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery already has the plugins to create these effects so we don't have to go about creating them ourselves from scratch.
Source: TutorialBlog.org
..........................
Vad Bars
multiple sites network | my blog
Comments
Online Pharmacy
Anonymous Posted at 02:18 on Thu, 11/13/2008Cialis
There are some people who say that top branded drugs are way more effective than the generic ones. However, this does not hold much truth when it comes to the generic medicines which are sold here. An online pharmacy which offers generic medicines at affordable prices. If you have been diagnosed with a sickness and your medication requires you to spend a lot for your medicines, you don't have to worry about this anymore. You can buy <a href="http://www.onlinepharmacy.vg/catalog/-c-32_469.html">Cialis</a> and get a discount when you keep on buying the same drug. When you cannot tolerate the high price of branded medicines, your only option is an online pharmacy, since it is compassionate with your need for reasonably priced drugs.
If your medication calls for high-priced branded medicines, why not <a href="http://www.onlinepharmacy.vg/catalog/-c-32_469.html">Generic Cialis</a>? This is an alternative which is provided at your affordable online drug store. One of the advantages that you can get from this store is the fact that its medicines can be bought for very low prices. You can order generic drugs at the website. These medicines are formulated with ingredients which are equal to the ones which make up branded drugs. However, the prices of the two are entirely different. Even though the prices of generic drugs and branded drugs vary widely, the effects are still the same. This is due to the fact that the medicines which are sold at this online pharmacy have been approved by worldwide organizations. The effectiveness and the quality of the generic drugs are regarded as excellent. The legality of these drugs has been supported by international regulatory boards. Some of these authorities are South Africa MCC, USA FDA, and WHO.
When you <a href="http://www.onlinepharmacy.vg/catalog/-c-32_469.html">Buy Cialis</a>, the shipping service is offered for free. If you are residing within the European continent or at the other pole of the globe, the medicines that you have ordered will still be delivered to you. If you are a resident from the USA or from Europe, the duration of the shipping service can take fourteen days. One of the services that this online drug store provides its customers with is the chance to get a discount. Each time you order the same drug, you will be offered with a five-percent discount. Since the online pharmacy is compassionate with the plight of its sick patients, it does not charge you with hidden fees. Nor does it charge you when you consult with its physicians.
You can <a href="http://www.onlinepharmacy.vg/catalog/-c-32_469.html">Buy Cialis</a> when you are diagnosed with a sickness. Serious ailments such as cancer or manic depression can be treated with some of the medicines sold at this online pharmacy.
Author
Clive Robert http://www.onlinepharmacy.vg/catalog/-c-32_469.html