Archive for 2018

    Rallax.js : Dynamic Parallax Scrolling Effects Library

    Rallax.js : Dynamic Parallax Scrolling Effects Library

    Rallax.js is a vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.

    Ambient Canvas Backgrounds with HTML5 Canvas API

    Ambient Canvas Backgrounds with HTML5 Canvas API

    Today we’ll be exploring some ambient webpage background animations. The idea here was to create a collection of animations that are interesting to look at without being (too) distractive, and could be easily applied to the background of a webpage. Each animation is created using vanilla (es6+) JavaScript with the Canvas API.

    Store.js : Powerful API for LocalStorage

    Store.js : Powerful API for LocalStorage

    Store.js is local storage using a simple but powerful API.

    Audio Recorder Polyfill

    Audio Recorder Polyfill

    MediaRecorder polyfill to record audio in Edge and Safari 11.

    • Spec compatible. In the future when all browsers will support MediaRecorder, you will just remove polyfill.
    • Small. 1 KB (minified and gzipped). No dependencies. It uses Size Limit to control size.
    • One file. In contrast to other recorders, this polyfill uses “inline worker” and don’t need a separated file for Web Worker.

    Motion Transition Effect CSS & TweenMax

    Motion Transition Effect CSS & TweenMax

    Today we’d like to share a little speedy motion effect with you. The idea is based on the Dribbble shot Ping Pong Slow Motion by Gal Shir where you can see a ping pong ball being shot from one racket to the other. The motion in the animation is enhanced by squeezing the ball and making some background stripes’ height pulsate. This is exactly what we want to do in a slideshow transition: we’ll squeeze the image and add some background effect. Additionally, we’ll make the letters of the title fly away consecutively.

    Ajaxable : Make your forms Instantly Ajaxable

    Ajaxable : Make your forms Instantly Ajaxable

    This library simply takes the standard HTML forms as an input and make them send requests via AJAX keeping HTML5 validations.

    Envy : Bring Charts to Terminal

    Envy : Bring Charts to Terminal

    Envy is a bring charts to terminal.

    Luna Multi Step Form with Javascript & PHP

    Luna Multi Step Form with Javascript & PHP

    Luna is a multiple steps form wizard for your potential customers and a HTML5 & CSS3 template. You can create reservation, questionarre or service form wizard easily, You can collect data from your customer with this amazing form wizard.

    Features:

    • Responsive Design
    • Bootstrap Included
    • Material Design
    • Valid HTML5 & CSS3
    • Color & Image Options
    • Amazing Effects
    • Google Web Fonts integrated

    Image Reveal Hover Effects with CSS

    Image Reveal Hover Effects with CSS

    Today we’d like to share a set of link hover effects with you. The main idea is to reveal a thumbnail image with a special effect when hovering a link.The inspiration for this idea comes from the effect seen on Fuge’s website where you can see a thumbnail showing when hovering the underlined links.

    Instagram Feed – jQuery Plugin to Embed Instagram Photos

    Instagram Feed - jQuery Plugin to Embed Instagram Photos

    This jQuery Plugin allows you to embed Instagram Feed of Instagram users into your sites. Moreover, this plugin is responsive and includes many options to customize the photos, buttons, etc.