Home > Other (page 2)

Other

Asterism Custom Select – Filterable Select Box In Pure JavaScript

Asterism Custom Select – Filterable Select Box In Pure JavaScript

Asterism Custom Select is a JavaScript library that allows you to create custom select boxes with item filtering support. Asterism Custom Select An inuitive custom select element written in pure javascript. Usage: <link rel="stylesheet" href="dist/select.min.css"> <script type="text/javascript" src="dist/select.min.js"></script> // Instantiate with a DOM object... var el = document.querySelector('#movies'); var select = …

Read More »

Simplest Tags Input Beautifier with JavaScript

Simplest Tags Input Beautifier with JavaScript

Better tags input interaction with JavaScript. Usage First, load the CSS file in the <head> area: … <link href="tags-input-beautifier.min.css" rel="stylesheet"> </head> Then, create a HTML text input element in the <body> area: <input name="tags" type="text"> Then, load the JS file just before the </body> tag: … <script src="tags-input-beautifier.min.js"></script> </body> Then, …

Read More »

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 »