Tocible : jQuery Plugin for Table of contents Navigation Menu

Tocible : jQUery Plugin for Table of contents Navigation Menu

Tocible creates a table of contents navigation menu that animates anchoring on click and follows the user scrolling.

flavr – Flat jQuery Popup Dialog

flavr - Flat jQuery Popup Dialog

flavr is a freshly build stylish popup dialog for your next flat website. flavr is built to be responsive, able to adapt its layout and position to any screen size of your viewer with the power of CSS. Just like you, we are avoiding javascript on things we could do with pure CSS.

Features:

  • Clean & Modern Flat Design
  • Well Documented
  • Fully Responsive
  • Lightweight yet Powerful
  • Bootstrap Compatible
  • CSS3 Animated in Modern Browser
  • jQuery Powered
  • Cross Browser Support

jQuery Flip-Quote

jQuery Flip-Quote

jQuery Flip-Quote creates a pull-quote from a text quote found in the document that flips once it’s scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

The plugin optimizes CSS 3D transform and other CSS3 properties to give it a 3D depth and perspective. This has been tested on all modern browsers, for IE and older browsers the plugin also has a fallback support.

CSS3 Simple Stack Effects

CSS3 Simple Stack Effects

Today we’d like to share some inspiration for simple stack effects with you. You have certainly seen these kind of effects, mostly used in image galleries, but also on single items on a page: one item is shown initially and then, with some trigger, more items are revealed, normally as decoration. One can imagine a couple of triggers for these effects: item hover, on load, on scroll and on click effects. When using some subtle, but creative moves, we can make some interesting effects that elevate a static design.

Hiding Overflowing Text Technique with jQuery & CSS

Hiding Overflowing Text Technique with jQuery & CSS

As web developers, we should build our sites so they accommodate variable lengths of text. You have to be sure that your markup looks just as good with a 50 character username as it does with a 5 character one. In the past, this was only possible by slicing text on the server side, or with JavaScript, but today we can do it only with CSS thanks to properties like max-width and text-overflow.

Fixtop : jQuery plugin to fix DOM element to the Top

Fixtop : jQuery plugin to fix DOM element to the Top

A jQuery plugin to fix DOM element to the top when a page scrolls to its position.

CSS Drawer menu : Pure CSS Responsive Menu

CSS Drawer menu : Pure CSS Responsive Menu

An ultra light mobile side “drawer” menu in pure css.

Features:

  • Responsive
  • Percentage based!
  • ULTRA Lightweight!
  • PURE CSS! (2kb uncompressed)

50mm : Full Screen Portfolio jQuery WordPress Plugin

50mm : Full Screen Portfolio jQuery Wordpress Plugin

50mm Portfolio, a WordPress plugin that shows your portfolio in an interactive way. You can display portfolio by category, choose if single is FULL SCREEN or regular. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.

Features:

  • Fully responsive
  • Video support
  • SoundCloud support
  • Custom link support
  • Unlimited colors
  • Smart hover color
  • Initial load number
  • Max Load more number
  • Easy drag and drop admin
  • Custom CSS support
  • Activate/Deactivate FULL SCREEN single page

jQuery FormChimp : A customizable MailChimp ajax plugin for jQuery

jQuery FormChimp : A customizable MailChimp ajax plugin for jQuery

A customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.

Features:

  • Customizable Error and Success messages.
  • Ability to specify which element the output should be appended to, if it exists or where the element should be created
  • Automatically transforms the mailchimp signup url in the JSONP format
  • Changes the value of the button if the response is successful
  • This solution is language agnostic, only dependency is jQuery.
  • is AJAX-enabled, but degrades gracefully if Javascript isn’t turned on
  • Multiple sign-up forms, for multiple lists.

Funky.js : HTML5 camera video effects library

Funky.js : HTML5 camera video effects library

funky.js is a library used to add some funky effects and other transformations to webcam media using WebRTC and CSS filters (aka shaders).

Currently, Firefox does not provide full support for the filter property whereas Chrome does. For this reason, the Negative and Sepia effects will not function correctly unless using Chrome.