jQuery twinkle a on click animation.Draw your visitor’s attention to special parts of your website. Examples of the different effects and options are right below.
jQuery sliding boxes and captions to create callouts
The concept behind the sliding boxes and captions is pretty easy. Check out the demo below to see what’s going on. There is a div with a border and shadow which contains an image. On top of the image there is a div (the caption) which has a background color, a border, some text, links, and other elements with background images. The opacity has been lowered on the background color so the image can shine through the div.
EpicEditor : An embeddable JavaScript markdown editor
EpicEditor is an embeddable JavaScript Markdown editor with some minor Markdown enhancements such as automatic link creation and code fencing. EpicEditor allows for all kinds of customization. EpicEditor is easy to implement: simply clone the repo and then it only needs an element to add the editor to and then you call load() when you’re ready.
jQuery Credit Card Validator
jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.
jQuery Credit Card Validator is written in CoffeeScript and (surprise, surprise!) is a jQuery plugin. It attaches to the input event (with a fallback to the keyup event) and, every time the number in the input field changes, it calls a function defined by you
Parallax Content Slider with CSS3 and jQuery
Today we want to share a simple jQuery parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.
The idea for this comes from the slider of the Kendo UI homepage, a framework for modern HTML UI. After we got some requests and questions about how to do something like that, we decided to recreate the effect.
Kalendae : A framework agnostic javascript date picker
Kalendae is an attempt to do something that nobody has yet been able to do: make a date picker that doesn’t suck. Kalendae provides the following features:
- Fully portable, no dependencies. No jQuery, no Prototype, no MooTools; just add the script and the stylesheet and you’re good to go.
- Fully and easily skinable. The default theme uses only one image file (a mask for the previous and next buttons), everything else is styled using CSS.
- Supports all modern browsers and IE8.
- Support single day, multiple day, or day range selection.
- Configurable number of months to be displayed at once.
- Can be displayed on the page as an inline widget, or attached to one or more input fields as a popup control.
- Can be attached to any page element, not just named elements.
- Configurable blackouts, defined either as an array of dates or via a callback function
- Output selected dates in a variety of formats
Sticky Sidebar jQuery plugin
Sticky Sidebar jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers.