Archive for 2016

    SlideBox : jQuery Animated Sliding Box

    SlideBox : jQuery Animated Sliding Box

    A simple light-weight jQuery plugin that makes a <div> (or another block element) moving from outside the page to one side of your choice when scrolling to a specific point.

    • uses .animate() with callback function
    • all directions are customizable
    • can be triggered when any DOMElement is visible or at any specific offset
    • closing option for the whole session on the page available

    sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

    sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

    sdFilterMe  is a simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

    Tilt Hover Effects with CSS & JavaScript

    Tilt Hover Effects with CSS & JavaScript

    Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.We want to animate an image (which could be a link or simply a normal grid item) with a tilt effect on its parts. Having several elements in the item (that we call “tilter”), we can achieve a variety of effects that look very interesting. There’s the image, the “shine” element, the semi-transparent overlay with a colorful gradient, a border element and the caption.

    Timeline Framework with HTML5 & CSS

    Timeline Framework with HTML5 & CSS

    AWSM Timeline’ is a pack of super cool and interactive timeline layouts for your website. It is rather a basic framework which you can use to build your own style of timeline layouts by making some basic CSS changes. This documentation will help you to integrate the layout easily into your existing HTML files.

    Foxholder : Unique Placeholder Animations with jQuery

    Foxholder : Unique Placeholder Animations with jQuery

    Foxholder is a Pack of 15 unique placeholder animations with jQuery. Just pick the demo you like most and install on your website in 1 minute!

    jSearch : jQuery-based Live Search Component

    jSearch : jQuery-based Live Search Component

    jSearch is a jQuery-based live search component.

    Create a Dynamic Point Mesh Animation with HTML5 Canvas

    Create a Dynamic Point Mesh Animation with HTML5 Canvas

    A great tutorial by Dudley Storey where he teaches how to master a dynamic point mesh animation using Canvas.

    Huebee : JavaScript One-click color picker

    Huebee : JavaScript One-click color picker

    Huebee is a JavaScript library for creating user-centric color pickers. Huebee displays a limited set of colors so users view all colors at a glance, make clear decisions, and select a color with a single click.

    Surf Report Template with SVG & CSS Flexbox

    Surf Report Template with SVG & CSS Flexbox

    A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experimental.