Remember back when if you wanted to add interactivity to your site to improve the UX aspect to make it more appealing to visitors, you had to immediately go to a flash outlet? Well that sure does seem like a long time ago now, surprisingly so because it was just a few short years ago. The decline of Flash use for these instances can be credited to advances in web technologies such as HTML5, CSS3, and jQuery. These advancements have made the use of Flash in most cases an outdated and inefficient method of tackling interactivity in a website. That is why in this article, we’re going to take a look at HTML5, CSS3, and jQuery tutorials, techniques, and resources that can replace aspects of a website where the use of Flash was the dominant and most practical option.
This is a cool tutorial that teaches you how to turn your ordinary check boxes into something stylish, and quite fun to use.
This is a great tutorial by the people at Nettuts+ about how you can get the most out of HTML5 for your fomrs.
jQuery Impromtu is a great replacement for alerts, prompts, and confirmations that users will enjoy and not find annoying in the slightest.
Simple Modal is a flexible modal dialog framework which provides a great interface for development, allowing for some really nice looking forms too.
This multi-column drop down layout is great for giving users a detailed tree of options to select from.
jQ Transform is a great tool for adding some style to your forms, giving them cool skin elements.
Niceforms by Embematiq is a cool jQuery plug-in that allows you to turn your boring forms into something cool with one of their designed themes, or with your own custom made one.
Uniform masks your standard forms with custom skins and works in perfect sync with your real form elements, ensuring great accessibility and compatibility.
This is a great tutorial to learn how to have image buttons inside of your input fields.
This is a great WP plug-in that gives you a contact form that slides conveniently from the side of the page, and then back once it is no longer of use.
jQuery Highlight is a great jQuery feature that gives your active input fields a highlight over them, as we know some users need all the extra guidance they can get.
jQuery inline form Validation is a cool hassle free form validation option that takes away the mess that is usually associated with this form feature.
This jQuery menu plug-in is a great option to look into when aiming to build a complex multilevel tree menu with some style and great functionality.
Coda Slider is a very versatile and feature full panel slider. It comes as is very well suitable for your panel slider needs, and there have been great advancesin how to better it.
This is by far the best tabs and/or panel navigation jQuery plug-in when level of how extensibility is concerned.
This is a cool tutorial that teaches you how to make a jQuery powered menu with the sub entries sliding out horizontally.
This collapsible bread crumb menu that collapses based on the the amount and length of the elements in the set.
FLOWERNAV is a cool animated navigation plug-in that, well gives a flower effect to your link.
This is an easy to follow jQuery accordion style navigation menu tutorial.
Slide Note is a great plugin for giving your visitors a little hint, or note about something on your website.
Page peel is a simple to use jQuery plug-in that is great when you want to advertise something in a cool way.
InfiniScroll is a cool plug-in that allows for an never ending scrollable section. This is great for websites that have sections with long lists.
SliderNav is a jQuery plug-in that allows you to incorporate dynamic vertically sliding content to your website.
Tipped is a cool plug-in that easily allows you to add tips to your website’s content, there are also cool skins to choose from.
Supersized is a jQuery plug-in that allows you to have a image slideshow as your website’s background.
Imagin8 is not just another jQuery image slider. This one allows for you to direct a path folder, so ALL THE IMAGES DON’T HAVE TO BE IN YOU HTML! Just label your first image as 1.jpg for example, and the following the numerically after that, and they will be automatically added to your slideshow. Great for clients.
Lettering is a jQuery plug-in that allows you to have complete control of every letter, opening for great creative web typography experimenting.
Stylesheet Switcher is a jQuery plug-in that lets you set links within your page to change to different stylesheets.
Flip is a jQuery plug-in that lets you flip your web elements in one of four directions.