2009 was the year I started tripwire magazine. It has been fun, hard work and I have learned a lot. During the year tripwire magazine have had more than 2 million page views and received great feedback and support from readers and sponsors (please check them out in the right sidebar). Thanks to everyone for visiting, commenting and contributing and for making tripwire magaszine a great place for web designers and developers.
In this last post in 2009 you will find a collection of excellent jQuery plugins that will help you out in in you web projects far into 2010.
This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.
Using this jQuery script you can create a nice-looking slider just like at Coda’s website.
bxslider is just yet another slider plugin for jQuery and one of the smallest having a size of only 8kb. It is extremely simple to use and looks OK.
A lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
jAni is a simple plugin for jQuery which allows you animate background images. The jAni loads a long vertical image and changes its background position with the speed you setup, giving you good control of the animation.
This plugin enables you to display a custom context menu on right click in browsers that support it. This is commonly used in web applications that are simulating desktop behavior or wish to add advanced functionality for their users. demo
A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds.A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds. This light-weight (only 1.4KB) plugin for jQuery adds a nice blend effect to your website.
Hi there in this tutorial il show you some simple effects you can use to spice up your websites using jquery. Your probably thinking oh no not another coding language ive got to learn. Dont worry its real simple to use and implement. Demo Download
This tutorial will show you a method for replacing the built-in browser tooltips that appear on elements such as images and links with title attributes.
The form wizard plugin is based on jQuery and can be used to simulate wizard like page flows for forms without having to navigate between different pages.
The plugin is very unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards, as the plugin supports creating specific routes in the form depending on the user input. Demo
When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something the author have tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.
Growl allows you to present DOM-inserted elements (divs by default) that are perfect for user warnings, messages, and status update notifications.
The Access Key Highlighter plugin provides various options for highlighting access keys on web forms when the user presses their browser’s access key shortcut key, e.g. Alt in Internet Explorer and Safari, Shift+Alt in Firefox.