Home > Other (page 3)

Other

Multiple.js – Sharing background across Multiple Elements

Multiple.js - Sharing background across Multiple Elements

An experiment in sharing background across multiple elements using CSS without any coordinates processing by JavaScript. Surfing over dribbble I stumbled upon a Xonom design by Cosmin Daniel Capitanu. I wondered how to accomplish such “background sharing across multiple elements” effect at HTML/CSS without any coordinates processing by JavaScript. This …

Read More »

Vidage.js – Responsive Full-screen Background Video Solution

Vidage.js – Responsive Full-screen Background Video Solution

Vidage.js a small JavaScript library which allows you to fullscreen background videos your webpage and also features automatically hide and pause the video for touch devices and/or small screens for your webpage. Plugin fallback that uses a fullscreen background image instead of video to  save bandwidth on mobile devices. How to use …

Read More »

Preview Image before upload with jQuery & HTML5 FileReader

Preview Image before upload with jQuery & HTML5 FileReader

Here this article explains how to preview an image before uploading on the server side in jQuery. So using HTML 5 FileReader() we can able to preview the image before upload it in jQuery. Let’s suppose you have an application where the user uploads bulk photo and then the users …

Read More »

BackFlip – jQuery Dynamic Background Colors Changer Plugin

BackFlip - jQuery Dynamic Background Colors Changer Plugin

A jquery plugin that allows you to dynamically change the background colors of a container or div with CSS3. How to Change/Update dynamically background color with JavaScript Add and choose your hex color to the array. You can add as many as you like. colors = new Array('#2388e5', '#3994e8', '#50a1ea','#67aded', …

Read More »

uxTour.js – Web Site Tour Guide Plugin

uxTour.js – Web Site Tour Guide Plugin

uxTour.js is a lightweight vanilla JavaScript library which helps you create an interactive feature tour by highlighting the specified elements with a circular mask. Introduction So I was browsing around trying to find some nice feature tour overlay plugins for a project. However there was only a few who met the …

Read More »

Spin2Win Wheel – Spin It 2 Win It

Spin2Win Wheel - Spin It 2 Win It

Built using Scalable Vector Graphics Spin2Win Wheel is a responsive, flexible, customisable, resolution independent spin wheel game whose outcomes you control. Spin results, prizes, win/lose, number of spins and more can be controlled using JSON data. You can also customise the look and feel of Spin2Win Wheel to bring it …

Read More »

Image Diff View – Compares Images with Vanilla JavaScript

Image Diff View - Compares Images with Vanilla JavaScript

Image Diff View is a JavaScript library for differences and comparing between two images available more option like classic diff, fade (onion skin) and swipe. Usage Controls are not delivery out of the box. You are free to implement your unique diff controls. npm install image-diff-view Checkout example and demo. import …

Read More »

Shr.js – Simple Customizable Social Buttons With Counters

Shr.js - Simple Customizable Social Buttons With Counters

Shr.js is a simple, clean customizable JavaScript library that provides fully accessible svg based fast social sharing button with Counters. Why? The default share buttons used by the social networks are not only ugly to look at (sorry, they just are) but they usually depend on iframes and all sorts …

Read More »

GeoPattern – Generate Beautiful SVG Patterns

GeoPattern - Generate Beautiful SVG Patterns

GeoPattern is a pure JavaScript library used for generate SVG based beautiful background patterns originally used for GitHub Guides. API GeoPattern.generate(string, options) Returns a newly-generated, tiling SVG Pattern. string Will be hashed using the SHA1 algorithm, and the resulting hash will be used as the seed for generation. options.color Specify an exact …

Read More »

jQuery Slim, Image Upload and Ratio Cropping Plugin

jQuery Slim, Image Upload and Ratio Cropping Plugin

Modern cross platform responsive image cropping and uploading. Slim features beautiful animations and graphics. Configuration and implementation are a walk in the park. Features: Responsive and Beautifully Animated Compatible with both Bootstrap and Foundation Super Fast Able to auto crop and resize imagery Capable of Correcting Device Orientation problems Setup …

Read More »

RangeTouch – Input Range Slider for Touch Devices

RangeTouch - Input Range Slider for Touch Devices

RangeTouch is a JavaScript library to create a pretty range inputs with responsive, mobile-friendly support on touch devices range slider UI controls. Why? While building plyr I noticed how bad the experience was trying to use <input type="range"> is on a touch device (particularly iOS). Touching the track on a …

Read More »

Trial.js – Mouse Position Tracking And User Input Prediction

Trial.js – Mouse Position Tracking And User Input Prediction

Trial.js is a simple library to monitor mouse position and predict user input. Features: No dependency Lightweight Automatically extends jQuery and Zepto properties APIs Trial(selector) @params selector {String|Node|NodeList|Array{Node}|jQuery object} @return {Trial instance} @constructor Initialize a new Trial instance related to selector, same selector would only have one Trial instance, if Trial(selector) be called twice …

Read More »

Push.js – Cross Browser Javascript Notifications

Push.js – Cross Browser Javascript Notifications

Push is the fastest way to get up and running with Javascript desktop notifications. A fairly new addition to the official specification, the Notification API allows modern browsers such as Chrome, Safari, Firefox, and IE 9+ to push notifications to a user’s desktop. Push acts as a cross-browser solution to …

Read More »

Plyr – Simple HTML5 Media Player

A simple, accessible and customizable HTML5, YouTube and Vimeo media player. Accessible – full support for VTT captions and screen readers Lightweight – under 10KB minified and gzipped Customisable – make the player look how you want with the markup you want Semantic – uses the right elements. <input type="range"> …

Read More »