Glfx.js : JavaScript Image effects library using WebGL

    Glfx.js : JavaScript Image effects library using WebGL

    Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone.This library provides realtime image effects using WebGL. There are three parts to glfx.js:

    • texture: a raw source of image data (created from an <img> tag)
    • filter: an image effect (represents one or more WebGL shaders)
    • canvas: an image buffer that stores the results (a WebGL <canvas> tag)

    jQuery ScrollSpeed : Custom Scrolling Speed and Easing

    jQuery ScrollSpeed : Custom Scrolling Speed and Easing

    Lightweight jQuery extension for modifying scrolling speed in modern web browsers. Supports vertical or horizontal scrolling direction, including user-defined easing.

    CSS effects for Notifications using Animate.css

    CSS effects for Notifications using Animate.css

    This tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.

    Bootstrap Dropdown Filter for jPList Library

    Bootstrap Dropdown Filter for jPList Library

    Bootstrap Dropdown Filter is a control for jPList, an open source library for sorting, filtering and pagination. It allows filtering of any HTML structure (DIVs, UL/LI, Tables etc.) by the given jQuery path and uses a standard Bootstrap dropdown component for layout.

    Features:

    • Filter any HTML structure by jQuery path
    • Supports local storage and cookies
    • Supports deep links
    • Fully customizable styles

    Boids.js : Javascript library allows you to Control Boids

    Boids.js : Javascript library allows you to Control Boids

    A Javascript library allows you to control boids such as bird flock and fish school. This computer model of coordinated animal motion was designed by Craig Reynolds in 1986. This model consists of three simple rules which are separation, alignment and cohesion.

    jQuery Smooth Parallax Scroll

    jQuery Smooth Parallax Scroll

    Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.

    jMosaic : jQuery Plugin for align elements in Mosaic Grid

    jMosaic : jQuery Plugin for align elements in Mosaic Grid

    A lightweight jQuery plugin that can take a list of page elements and arrange them in a beautiful, tight-fitted tile mosaic grid.

    The proportions of the elements don’t change. As the elements can be used: img, div, li etc.

    Caching SVG Sprite in localStorage

    Caching SVG Sprite in localStorage

    LocalStorage enables web pages to store the data within the user’s browser. The storage limit is usually 5 MB per domain. This is way more than enough for storing SVG sprites.This script helps you to cache the SVG sprites in localstorage.

    Playful Trampoline Effect with CSS3 & SVG

    Playful Trampoline Effect with CSS3 & SVG

    Today we want to share a fun little effect with you. The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack we are using the Elastic Stack. The SVG animations are done with the help of Snap.svg. We will also use CSS Transitions for all the effects.

    Animatrix Images with jQuery & CSS3

    Animatrix Images with jQuery & CSS3

    Animatrix Images allows you to easily enhance and animate your images with dots and lines. Animated images with a responsive layout and an easy WYSIWYG admin area editor of dots and lines are just a few of the capabilities of this plugin. You can create all types of animations, shapes, logos, or just progress bars and web elements. You can add dot titles, descriptions, links and even images and icons for each dot. Sizes of dots and animations of the pulse are also changeable in the admin area.