Tag: jquery

Product Comparison Layout & Effect is a basic responsive product grid layout with comparison functionality and a slide-in effect. This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items …

iCheck is a highly customizable checkboxes and radio buttons.iCheck 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 …

This is a tutorial to create a secondary content panel that folds flat, powered by CSS Transformations and jQuery.Developed by Codyhouse. These kind of folding panels are being integrated quite often in mobile apps ane …

This is a simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Today’s snippet comes from Codyhouse.It is all about a single CSS property: background-attachment. You can set …

In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used.It can be used to generate alert …

TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc. Detects single and multiple finger swipes, pinches and falls back to mouse ‘drags’ on the desktop.Time …

This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web …

Flickity is a carousel,slider,gallery library created by David DeSandro.Flickity makes galleries, sliders and carousels that feel lively and effortless. Start using Flickity in three steps. Download Flickity flickity.css and flickity.pkgd.min.js files Add the Flickity .css …

This a collection and tutorial of some fun effect and layout ideas for the first step of a checkout process in an online store by Codrops.Mary Lou is using morphing buttons concept together with CSS …

Auto-hide sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same. Auto-hide means hiding the header automatically when a user starts scrolling down the page and bringing …