- Prototype + Scriptaculous.
- jQuery Hover Sub Tag Cloud
- Opacity Change
Opacity Change is a tutorial on how to use Scriptaculous to make an opacity change for an element.
Opacity changes are great for several different reasons: showing hovered content, showing content that has been clicked on, and many other beneficial functions.
- Image Upload and Auto Crop
- Password Strength Meter
As hackers become smarter and larger in numbers, it’s becoming important for site users to pick strong, non-guessable passwords that contain a combination of letters (upper and lower case), numbers and special characters. However, this task is easier said than done. Users typically don’t read directions if they can help it.
Visually showing password strength in registration forms is a brilliant way to encourage users to make the passwords more challenging. While this is slowly becoming more common this technique is not used anywhere near as much as it should be.
The title=“”>Password Strength Meter works off of prototype/Scriptaculous and is a handy little script that shows the power of the password with a colored meter in real-time. More sites must implement this type of “safety” script to assist users to see the dangers of inputting weak passwords.
- Magic Zoom
Magic Zoom is a useful script for e-commerce sites, as well as other sites that have detailed images. Instead of having the user making an extra click to a much larger picture and use up bandwidth, Magic Zoom lets you look through a magnifying glass at each picture.
Magic Zoom is a paid script, but well worth the $47 if you have an e-commerce store or any other site that has very detailed photographs.
- JQuery Autotab
Every form on the Internet should have this feature. It might just be the perfectionist in me, but having several input forms that auto tab to the next input automatically seems like it should be commonplace. It’s such a relief when filling out items like security numbers when the input automatically tabs to the next input.
The jQuery Autotab script is self-explanatory and does what the name indicates: adds auto tabs to forms with jQuery.
- Context Highlighting Web Forms
Forms are the hardest parts of web design. Make a form too long and you might scare away a user or customer. If a form’s design is unappealing, that might scare away a potential user as well. Any way that we can make our web forms more tempting to the eye will yield a higher sign-up conversion rate.
The context emphasizing web forms script is an attribute to add to a signup form. It’s astonishing that more forms don’t offer this functionality. Being able to see the development of a form can improve the user experience.
- Sliding Top Panel
- Social History
Site promotion buttons and links can clutter a site or blog’s layout. It seems that if you want to stimulate your posts and other content on sites like Delicious and Digg, you have to add a long list of buttons to your template so that you don’t eliminate anyone’s favorite news site.
Social History comes inconveniently because it runs a test to see where the user has been recently and loads images to those sites and only those sites. Essentially, it’s only viewing the visitor the buttons that they would want to see.