Color Extraction Effect with CSS Filters

Color Extraction Effect with CSS Filters

Today we’d like to share a fun little color extraction experiment with you. The idea is to create a color palette from an image with a subtle effect on the image itself and some fanciness on the palette. We are using Vibrant.js by Jari Zwarts to extract the colors from the images, and CSS Filters to transition the image to a black and white version. We also implemented a simple slider with a special “curtain” effect.

Advanced Off Screen Menu with jQuery & CSS3

Advanced Off Screen Menu with jQuery & CSS3

Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuey animations.

  • 20 responsive presets. (Check the live preview button to test them.)
  • Browser based Editor with 30 presets.
  • Compatible with all HTML5 browsers INCLUDING MOBILE! (IE10+, Chrome, Safari, Opera, Firefox). Tested on iOS and Android.
  • Simple usage, include 2 files (css and js) and add literally 2 lines of code.
  • requires almost NO change on existing HTML sites.

jQuery faceted Taxonomy Browser

jQuery faceted Taxonomy Browser

The jquery faceted taxonomy browser is a simple and intuitive design pattern for browsing hierarchical facets. It is based on a concept called ‘Miller Columns’. If you use the Mac OSX Finder application you can see this feature in action.

Product Tour with jQuery & CSS3

Product Tour with jQuery & CSS3

A responsive tour snippet, with a step-by-step guide to help users understand how to use your website.

Is-Near : Calculates Mouse Position to a Given Element

Is-Near : Calculates Mouse Position to a Given Element

Calculates if the mouse position is near to a given element.

Aload.js : Loads Images to Scripts Asynchronously

Aload.js : Loads Images to Scripts Asynchronously

Loads images, background images, scripts, styles, iframes, videos and audios asynchronously (just 260 bytes).

jTableScroll : jQuery Fixed headers and footers Table

jTableScroll : jQuery Fixed headers and footers Table

A powerful jQuery extension that automates scrolling and fixed headers and footers.

By default it will size a table to it’s parent container, fix the position of the header and footer, add horizontal and vertical scrolling as needed, and resize reactively to window resize events.

Animated Alert with jQuery & CSS3

Animated Alert wit jQuery & CSS3

Animated alerts are the JQuery plugin based on css3 animation. Using it you can effectively communicate to users the right information. There are 68 animations, multiple color themes and types of messages and detailed documentation. Also you can develop your own themes, because of the efficient organization of the code. The plugin works in all modern browsers and on all devices.

scrollAdvance : jQuery Scroll Position Functions

scrollAdvance : jQuery Scroll Position Functions

It adds some useful functions as scrollBottom(), scrollRight or scrollCenter() for the scroll position in more scrollLeft() and scrollTop().

fuzzyDropdown : jQuery fuzzy Searchable Dropdown Plugin

fuzzyDropdown : jQuery fuzzy Searchable Dropdown Plugin

fuzzyDropdown is a jQuery plugin that converts a select box into a fuzzy searchable dropdown.