Yes, this free HTML JavaScript tutorial is another round-up of very great and helpful JavaScript/jQuery techniques, tools and resources. In this selection we present JavaScript/jQuery date calendars, jQuery calendar datepickers, forms, buttons, JavaScript navigation, navigation menu jQuery, debugging, optimization and compatibility tables as well as handy JavaScript/jQuery resources and tools. We also cover various jQuery add-ons and plug-ins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.

For improving more your skills and user experience, check out more JavaScript/jQuery, web development, web programming/coding resources below:

- More 100 Super Helpful Cheatsheets for Web Designers Web Developers
- Great Powered Resources for 7 Helpful jQuery Plug-ins
- 35 Cool, Awesome Tools and Resources for Faster JavaScript Application Development
- Super Cool and Great Button Resources and Tutorials with CSS3
- 45 Great CSS and JavaScript solutions

• Demo
• Enlarge
• Reload
• New window

Forms, Buttons & Navigation

Making a Google Wave History Slider
Here is shown how to create a Google Wave-like history slider. Using it will enable visitors to go back and forth in time to view the changes that take place on a comment thread.

Fancy Radio Buttons With jQuery
Creation of 2 mandatory option sets that a user could choose, while hiding off the radio button inputs and using an anchor links to make it a bit more usable.

Creative Button Animations with Sprites and JQuery
Fading hover effect for which the transition is smoothed with JavaScript, using jQuery library.

Password (un)Masking
JavaScript jQuery that toggles the masking and unmasking of the password field.

jQuery MagicLine Navigation
These "sliding" style navigation bars have been around a while, and turns out it's really pretty darn easy. Here are put two examples together.

Fixed Fade Out Menu: A CSS and jQuery Tutorial
The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again. Inside of the navigation we will have some links, a search input and a top and bottom button that let the user navigate to the top or the bottom of the page.

jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields
The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many characters the users have before reaching the limit. The information is not only provided merely by displaying a number, there are different colors applied to certain stages to notify the user about the status.

Sliding Labels v2
Form label keeping the label inline, but sliding it off to the left rather than going away on click.

Ketchup Plugin
Ketchup is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality.

• Code
• Print

• Comment (2)
• Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New