TourTip : jQuery Overlay Tour Plugin

TourTip : jQuery Overlay Tour Plugin

TourTip is an interactive visual guide to elements on web pages.TourTip is a simple library for creating guided tours through your application. It’s better suited to complex, single-page applications than websites. Our main requirement was the ability to control the interface for each step. For example, a step might need count seconds before moving to the next step, or wait for the user to complete a task. TourTip gives you the ability to manage these parameters all at once or for each step separately.

ProBars : jQuery Animated Progress Bars

ProBars : jQuery Animated Progress Bars

jQuery stylish progress bars that animate as they enter the viewport.

Inspiration for Article Intro Effects with CSS3

Inspiration for Article Intro Effects with CSS3

Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.

Smart Demo-bar with jQuery & CSS3

Smart Demo-bar with jQuery & CSS3

Smart Demo-Bar is plugin made for developers that need Demo-Bar or theme switcher for responsive theme, smart Demo-Bar would be shown on top of page, allow users to preview another theme to test his responsive design.

Smart Demo-Bar can work on smaller screens, and it will work on mobile devices browsers that support jQuery and CSS3.

odometer : Smoothly Transitions numbers with Ease

odometer : Smoothly Transitions numbers with Ease

Odometer is a Javascript and CSS library for smoothly transitioning numbers.Odometer’s animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers.

picoSlides : jQuery Plugin for SlideShare Presentations

picoSlides : jQuery Plugin for SlideShare Presentations

picoSlides is a jQuery plugin for directly embedding SlideShare presentations without using IFRAMEs. It leverages SlideShare’s oEmbed API to offer a responsive interface that enables optimal use of bandwidth and simple slide navigation.

Features:

  • Adaptive slide images: fetches device-appropriate versions of images depending on the dimensions of the slideset container.
  • Lazy slide loading: the first slide image is used as a preview poster of the whole presentation, a la YouTube. The remaining slides are downloaded only if the user hits the ‘Next’ button.

Meteor-Flot : jQuery plotting library

Meteor-Flot : jQuery plotting library

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

jQuery Full Page Menu

jQuery Full Page Menu

A jQuery plugin that let you Create a full page, Fully Animated Menu with CSS3 for your Navigation.

jQuery CSS3 animations Pack

jQuery CSS3 animations Pack

A versatile CSS3 animation pack with various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners.

Grid Accordion – Responsive jQuery WordPress Plugin

Grid Accordion - Responsive jQuery WordPress Plugin

Grid Accordion is a fully responsive and touch-enabled WordPress plugin that combines the functionality of a grid with that of an accordion, offering a modern and engaging user experience.

Features:

  • Fully Responsive – automatic or custom responsiveness.
  • Touch-enabled – touch-swipe and tap on mobile screens, mouse drag on desktops.
  • Dynamic Content – load images and content from posts, galleries and Flickr.
  • Automatic Updates -update the plugin directly from the Dashboard.
  • Caching – grid accordion instances are automatically cached for improving the load time.
  • Animated layers – layers can be set to display when the panel is opened, or when it’s closed, or all the time.
  • Retina-ready – specify a retina version for each panel image.
  • Lazy Loading – load images only when they are viewed.