rwdImageMaps is a jQuery plugin for creating Responsive Image Maps. It allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize.
Complexify – jQuery Password Strength Plugin
Complexify helps you to accurately gauge the quality of a user’s password to give them visual feedback, and to enforce a minimum level of security.Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.
Note: I use the term ‘casually’ because this is only client-side validation and anyone could turn it off. I recommend implementing a minimum length check server-side as well. In the future I may code up this algorithm for use server-side.
Flare Responsive Mobile-Optimized Lightbox Plugin in jQuery
Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.
Image/Video Navigation via:
- UI buttons
- Swipe gestures
- Mousewheel navigation
- Keyboard arrows
Transitions:
- Use hardware acceleratation on CSS transforms
- Fallbacks to standard jquery animation in older browers
Media Support:
- Images
- Fullscreen Video (YouTube, Vimeo, Vid.ly and local Video)
- Automatically retrieves cover image for YouTube, Vimeo and Vid.ly videos
ddSlick : jQuery plugin for custom Drop down with images
A free light weight jQuery plugin that allows you to create a custom drop down with images and description.
What is so cool about this plugin!
- Adds images and description to otherwise boring drop downs.
- Allows JSON to populate the drop down options.
- Converts your HTML select element to ddSlick.
- Uses Minimum css and no external stylesheets to download.
- Supports callback functions on selection.
- Works as good even without images or description!
Gravatar Login Box Design with jQuery, CSS and PHP
I had designed a simple interesting login box with contains Gravatar image, just importing user avatar from Gravatar.com based on email ID. This post is very basic level CSS implementation and few lines of Jquery and PHP code. I hope this login box design gives special flavor to to your web project. Before trying this live demo upload your avatar at Gravatar.
Happy.js : Lightweight form validation for jQuery
Happy.js is a lightweight form validation for jQuery.Happy.js will validate individual fields on blur events and all fields on submit.
Yes, there a million form validation plugins already – but I like this approach and the good news is, if you don’t, you have other options. Personally I wanted something really lightweight and extendable (because it’s hard to be happy when you’re bloated).
bPopup : jQuery modal popup plugin
bPopup is a lightweight jQuery modal popup plugin (only 1.26KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs. It’s not creating your popup but doing all the logic as opening, closing, centering on resize & scroll, creating a modal overlay etc. It can open any container you create with all kinds of content. bPopup has been tested in IE67-9, FF2-7, Opera 9-10, Safari 4-5 and Chrome 4-15.
Pixastic: JavaScript Image Processing Library
Pixastic is an image processing library written in JavaScript. It uses the HTML5 Canvas element to apply effects such as blur, hue/saturation adjustment, emboss, invert, flip, etc.Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.
FueledWeb Pro Thumbnail Scroller with jQuery
FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization options, the plugin is perfectly used for product showcase, media gallery or item slider.
Features :
- Google font
- AdvancedLightbox
- Responsive Design
- Over 50 plugin options and 25 theme variables
- Custom look and feel of Scrollbar
- Option to auto start from center item
- Option to auto start slideshow with play and pause button
- 5 Custom Event Handlers:
- onSwitchItem
- onSwitchCategory
- onShowLightbox
- onHideLightbox
- onSwitchLightboxItem
- Custom theming with 3 built in themes