background preloader


Facebook Twitter

Awesome jQuery Plugins And Techniques To Create Visually Excellent Websites. 50 jQuery Plugins for Form Functionality, Validation, Security and Customisation :Speckyboy Design Magazine. Lets be honest, forms can be a pain in the ass to fill in.

50 jQuery Plugins for Form Functionality, Validation, Security and Customisation :Speckyboy Design Magazine

And for developers? There an even bigger pain in the ass to build. No one really likes them, as such, the most difficult challenges that a developer has to take on, when it comes to forms, is not only how to build a form that is easy and quick for the user to use, but also make it as accessible and usable as possible. Its not easy. In this article we have collected 50 jQuery plugins to help you build powerful forms. Form Functionality Plugins Elastic – Make your textareas grow This jQuery plugin makes your textareas grow and shrink to fit it’s content.

jQuery “Highlight” Plugin Highlight increases usability of forms by highlighting the elements as you interact with the page. Autotab: jQuery Auto-Tabbing and Filtering Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Ajax Fancy Captcha jQuery NobleCount Password Strength Indicator and Generator FormToWizard Plugin ToggleVal.

40 Useful jQuery Techniques and Plugins - Smashing Magazine. Advertisement Over the last year, Smashing Magazine has evolved.

40 Useful jQuery Techniques and Plugins - Smashing Magazine

We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve been investing more resources in the quality and relevance of our articles. We’ve also explored new formats; and on weekends we’ve been publishing more inspirational pieces, leaving the in-depth articles to weekdays. We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups.

In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. Tips, Hints, Navigation TipTip jQuery PluginTipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. jQuery MegaMenu Plugin Forms Slideshows and Galleries Layouts.


jQuery Countdown. The countdown functionality can easily be added to a division with appropriate default settings, although you do need to set the target time.

jQuery Countdown

You can also remove the countdown widget if it is no longer required. Default countdown: 259Days16Hours41Minutes9Seconds The defaults are: Text is in English Format is 'dHMS' Days are shown if needed Hours/minutes/seconds are shown You can override the defaults globally as shown below: Processed fields are marked with a class of hasCountdown and are not re-processed if targetted a second time.

A note on Date - the JavaScript Date constructor expects the year, month, and day as parameters. You can control how the countdown is presented via the format setting. Don't show days: 119Hours59Minutes58Seconds Don't show seconds: 5Days0Hours0Minutes Don't show either: 120Hours0Minutes Pad with zeroes: 04Days23Hours59Minutes58Seconds Compact version: 4d 23:59:58 Minimal compact version: 120:00 For targets further in the future, there are more presentation options.