Super customized checkboxes and radio buttons with iCheck jQuery plugin. iCheck plugin works with checkboxes and radio buttons like a constructor.
It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. For this HTML: Spin.js. Example Features No images, no external CSS No dependencies (jQuery is supported, but not required) Highly configurable Resolution independent Uses VML as fallback in old IEs Uses @keyframe animations, falling back to setTimeout() Works in all major browsers, including IE6 MIT License Spin.js dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs.
Usage The spin() method creates the necessary HTML elements and starts the animation. Manual insertion In order to manually insert the spinner into the DOM you can invoke the spin() method without any arguments and use the el property to access the HTML element: var spinner = new Spinner().spin(); target.appendChild(spinner.el); Positioning Since version 2.0.0 the spinner is absolutely positioned at 50% of its offset parent. Hiding the spinner To hide the spinner, invoke the stop() method, which removes the UI elements from the DOM and stops the animation. jQuery.twinkle · larsjung.de. Animated Text and Icon Menu with jQuery. Today we want to show you how to create a slick menu with a nice animation feature on hover.
The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color. View demoDownload source The inspiration for this menu comes from the website of the Pelican Miami Beach Hotel: The icons are taken from the incredible Noun Project that “collects, organizes and adds to the highly recognizable symbols that form the world’s visual language, so we may share them in a fun and meaningful way”. Visit the website of The Noun Project. So, let’s get started! The Markup Our HTML will be an unordered list where each list item will contain an anchor element with the three elements inside that we’ll animate: The data-hovercolor will be used to set the color of the text on hover.
Now, let’s make it stylish! The CSS Remember, we always reset our CSS with a reset.css that we’ll add to our main style. Formly - The form glamorizer for jQuery. The form glamorizer for jQuery May 11, 2011 An unbelievably easy way to add style and validation to your forms.
Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function. Download Formly is a light little fella. 17kb in total for the full and 14kb for the minified version. Download fullDownload minifiedGitHub How-to use It's really easy to get Formly working for you. jQuery is the only prerequisite so make sure you include it, along with Formly's source files, in the head section of your file. Now, build your form using the same standard HTML markup you've always used.
Okay, now that we've built the form and have added a few commands, it's time to let Formly work it's magic. Sticky - An unbelievably simple notification system for jQuery. July 19, 2011 Let's face it, your users need sweet little notifications to keep them all warm and fuzzy inside.
Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders. Demo Let's start with some basic messages. . $.sticky('<b>Can you see me? Returned: As you can see above, a bit of JSON will be returned with some potentially pertinent information. Software engineer. $('#ThrivingKings').sticky(); We can also use Sticky to display data we've grabbed via AJAX. Fetch the news. Cookie. What is jQuery?
You’ll no longer see a pop up confirmation box but a flying bubble confirmation box upside your link. Then I was thinking it will be very usefull for future application development to use this script and that’s why i decided to create it as a jQuery plugin. So here is the line, jConfirmAction is a jQuery plugin that aims to replace a plain confirmation box with a cute one. Freeow! - Un plugin jQuery de notifications avancées à la Growl. Freeow!
Est un plugin jQuery permettant d'afficher très facilement des bulles de notifications dynamliques sur votre site dans un style Growl Mac. Un plugin intéressant pour donner un peu de dynamicité à votre site, lorsqu'un utilisateur valide un formulaire, affichez une notification, s'il fait une erreur, affichez en une autre. Le plugin est très simple d'utilisation et dispose de plusieurs options: Disparition automatique de la bulle de notification ou non.Délai de disparitionLes classes associées à la bulleStyle de départ et style de finEtc.