Archive for 2016

    Above & Beneath: Featured Content Layout Effect with CSS

    Above & Beneath: Featured Content Layout Effect with CSS

    Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

    Clipped SVG Slider

    Clipped SVG Slider

    A simple slider, with morphing preview images animated using SVG properties.

    filterjitsu.js : jQuery plugin to Filter DOM Elements

    filterjitsu.js : jQuery plugin to Filter DOM Elements

    Filterjitsu is a jQuery plugin to filter DOM elements based on search query params in the URL. It filters simply by data attributes, making few assumptions on the structure of your DOM.

    There are many ways to filter data on the backend before serving it to the client. Filterjitsu is specifically meant to be used on cached HTML pages served from a CDN, relieving filtering from the backend and allowing for fast page loads.

    mgGlitch.js : jQuery helper for Glitch

    mgGlitch.js : jQuery helper for Glitch

    A little jquery helper to glitch everything.

    • first element become a static background
    • next element with glitch property and lower interval
    • next element with glitch property, higher interval and scale options
    • next element with glitch property, higher interval, scale options and blend mode apply

    Simplest Tags Input Beautifier with JavaScript

    Simplest Tags Input Beautifier with JavaScript

    Better tags input interaction with JavaScript.

    jQuery floating Menu Plugin

    jQuery floating Menu Plugin

    This plugin requires jQuery! floatingMenu is a global-dynamic plugin which means you dont have to worry about dynamically added/created elements. For performance reasons the plugin clears its own initiation events when not visible.

    AttrValidate : jQuery plugin for Form Validation

    AttrValidate : jQuery plugin for Form Validation

    A lightweight jQuery plugin for basic form validation using HTML5 form attributes. Recommended as a polyfill for older browsers which do not provide built-in validation.

    jQuery Push Notification Plugin

    jQuery Push Notification Plugin

    This library allows us to use html5 NotificationAPI in jquery.

    naiveScroll : jQuery Full Page Scroll effect plugin

    naiveScroll : jQuery Full Page Scroll effect plugin

    Tiny jQuery full page scroll effect plugin.

    • Override mouse whell event to scroll full page.
    • Minimum extra HTML elements required.
    • Prevents redundant events from being triggered.
    • Provide API to manually scroll up or down.
    • Tiny size, 1KB zipped.

    360 Product view for E-commerce website

    360 Product view for E-commerce website

    360° Product view is a growing trend that has been able to significantly enhance online visual communication. With many eCommerce businesses increasing conversion rates & customer satisfaction while decreasing product returns with the use of 360 product view.

    Features:

    • 360 degree product rotation
    • Responsive layout
    • Easy to install and use
    • Simple navigation for best user experience
    • Native HTML5 & JavaScript
    • No server side required
    • No flash player required
    • Work on every platform(Desktop, Tablet and Phone)