I like FourSquare.com Animated Updates feed Ticker. I like the way they animate items. In this tutorial i am sharing a simple way to create same rss scrolling ticker using Jquery, so you can implement it on your website!
Best jQuery Plugins Plugins & Tutorials with Demo
QuickValidate: Building a jQuery Validation Plugin
User input is everywhere, from contact forms to sign-up formsand from surveys to complex user interfaces. Forms come in many shapes and sizes, colors and styles, but they all have something in common; validation.We’re going to build a small jQuery validation plugin based on the third concept mentioned in “The validation process”.
This tutorial assumes that you have experience in HTML and CSS as well as some knowledge of JavaScript and jQuery.
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
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.
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
jQuery Picasa Plugin
jQuery Picasa Plugin Stream Picasa Albums without touching the Server.Here is the HTTP API for Picasa. There’s a lot to it, but all we need to do is list albums and list photos. And we want to do this using Google’s experimental Data API feature of course, the Partial Response. The Partial Response allows us to limit the information the feed returns to us, which means significant performance improvement. For example, if all we want are the image urls, we don’t need thumbs, titles, descriptions, and the author. We can cut out 80% of the feed’s size. That’s awesome. Still waiting for Google Docs to have that.
The goal is to stream photos without ever having to touch your server. Aka, no PHP or Ruby proxy. Reason being, what if your pages are entirely static (Github Pages!), and you want it to work the same as if they were dynamic? The code should be all Javascript.
