Hover.css : A collection of CSS3 powered Hover effects

Hover.css : A collection of CSS3 powered Hover effects

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

jQuery Location Picker plugin

jQuery Location Picker plugin

This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).

Features:

  • Doesn’t require JQuery UI. The only requirements are JQuery and GoogleMaps API
  • Allows to pick an area with specified radius
  • Automatical binding to UI components (bidirectional data exchange)
  • Autocomplete for address input
  • Navigation by cordinates as well as by address

Boxer : jQuery plugin for displaying images and content in a modal overlay

Boxer : jQuery plugin for displaying images and content in a modal overlay

A jQuery plugin for overlaying images or content.Boxer is a simple way to display images, inline-content or iFramed URLs in a lightbox-style modal.

Sinister – Pure CSS Image Hover Effects

Sinister - Pure CSS Image Hover Effects

Sinister is More than 45 Pure CSS Image Hover Effects Which is Suitable for a Wide Variety of Websites and Have Very Easy Installation.With Install this CSS File You Will be able add Variety of Image hover effects to your images.

Features:

  • Pure CSS
  • Without JavaScript or jQuery
  • More than 45 Hover Effects
  • More than 15 Button Transition Effects
  • More than 15 Overlay Transition Effects

jQuery Sticky Table Headers & Columns

jQuery Sticky Table Headers & Columns

A tutorial on how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it addresses the overflowing table problem including adding support for biaxial headers.

Circliful : jQuery Circle Statitic Plugin

Circliful : jQuery circle statitic Plugin

jQuery circle statitic plugin.

Features:

  • show Infos as Circle Statistics, no images used
  • based on html5 canvas and jquery
  • many options can be set as data attributes
  • fontawesome integration

jQuery Currency : Simple, unobtrusive Currency converting and formatting

jQuery Currency : Simple, unobtrusive Currency converting and formatting

jQuery Currency plugin is a simple, unobtrusive currency converting and formatting.

jQuery Pagination plugin for Bootstrap

jQuery Pagination plugin for Bootstrap

This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes: .pagination (you change this one), .active and .disabled.

Wayout : jQuery CSS3 Responsive Menu

Wayout : jQuery CSS3 Responsive Menu

Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings.

Features:

  • Responsive design (Menu items are not responsive, but a sliding sidebar panel is added for devices that use smaller screen sizes
  • Full width & Boxed versions
  • Sliding Sidebar (with 6 different opening effects)
  • 9 different color swatches
  • Descriptive Theme Customizer
  • Login Box, Shopping Cart Box, Search Box

Shape Hover Effect with SVG

Shape Hover Effect with SVG

In this tutorial we’ll recreate the hover effect as seen on The Christmas Experiments website. We’ll be using SVG for the shape and Snap.svg for animating it on hover.

The idea is to create a SVG with one path that represents the shape background for some caption and to morph that path into another one on hover. There are many creative possibilities and today we’ll create three different examples. The nice thing of utilizing SVG is that we can adjust the shape size to their parent container’s size and make everything fluid.