timeline slideshow with jQuery
Including the plugin on your page will turn a <ul> list into a slideshow with the <li>s as slides (see a markup example below). Then style it by CSS -with or without images-…
Animate jQuery validation feedback form
The trick is very simple: after user presses signup button, validation occurs and all fields that are invalid get shaken a little bit. They have very simple web form as example below shows. I won't…
Responsive Image Sizes At Different Resolutions
An Experiment with Mobile-First Images that Scale Responsively & Responsibly What is this? The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize…
Highcharts - Interactive JavaScript charts for your webpage
Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column,…
photo puzzle effect with jQuery
Reference (Note: This plugin works with jquery 1.3+ [the version used in this demo is 1.5.2]) jquery-1.5.2.min.js jquery.jspuzzle-beta.js Html <div id="imageContainer"> <img id="truck"…
Simple jQuery Virtual Keyboard Effect
very few websites provide their users with the option of using a virtual keyboard to key in (at the bare minimum) their passwords. Yes, a few banks do it, but considering how much personal information…
jQuery images Interactive and Filterable Plugin
The plugin is configurable to work with just about any markup. Filters <ul id="portfolio-filter"> <li><a href="#all">All</a> </li> <li><a rel="design"…
html5 and CSS3 Modern Web Forms effect
This demo using HTML5 and CSS3 to achieve great style and functionality without causing problems in less capable browsers. To be clear, this code will not look exactly the same in every browser. We are…
jQuery Sticky scrolling Sidebar
this is a jQuery sticky sidebar script. Well, you can, but then the element with that style will stay where it is relative to the top of the viewport. This means, if the element you are “fixing”…
jQuery.fracs plugin scroll
jQuery.fracs determines some fractions for an HTML element (visible fraction, fraction of the viewport, ...) and also provides the coordinates of these areas. As a bonus there is a page outline feature…
Useful CSS3 and jQuery Search Form
Most websites nowadays have a search form somewhere. I’m pretty sure I don’t need to explain why it’s a good idea to have a ‘search’ functionality built into a website and…
Releases customselect icons with jQuery
After being sick of how ugly select boxes are within forms, I looked hard to find a decent solution. There are a few but some of them I found to have bugs, or not be able to use icons within the custom…
jQuery frame drag and drop effect
Inspired heavily by the jQuery Masonry plugin , Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container. Shapeshift is intended to be a very…
JQuery Slide accordion Toggle
we'll share a very common and easy jquery tutorial with you. A JQuery Slide Toggle function .slideToggle() function is used to hide or show matched elements in a sliding effect. So the basic syntax…
Around a circle menu with jQuery
When ordering lists you will often find that topics come to a full circle; the first item is very similar to the last one. In these cases a better visual representation would be ordering them around a…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu