Home > Javascript

Javascript

Facebook Style GIF Player – gifsee.js

Facebook Style GIF Player – gifsee.js

A modern, vanilla JavaScript Facebook style gif previewer and loader is. Inspired by this jQuery plugin, just 2.8kb minified. For Modern Browsers Gifsee unapologetically uses modern JavaScript techniques, without transpiling them back to ES5. Gifsee uses Fetch, Arrow Functions, Calc and Promises. For old browsers using a Fetch Polyfill is …

Read More »

QR Code generator library

QR Code generator library

High quality QR Code generator library in Java, JavaScript, Python, C++. Introduction This project aims to be the best, clearest QR Code generator library in multiple languages. The primary goals are flexible options and absolute correctness. The secondary goals are compact implementation size and good documentation comments. Features Core features: …

Read More »

Ring/Circle Toggle Navigation Concept

Ring/Circle Toggle Navigation Concept

A ring navigation concept built with JavaScript and CSS that all the menu items are absolutely positioned in the circles when toggled. Code the ring navigation (HTML) <nav class=”top-right open”> <a class=”disc l1″> <div>Messages</div> </a> <a class=”disc l2″> <div>Photos</div> </a> <a class=”disc l3″> <div>Profile</div> </a> <a class=”disc l4″> <div>Likes</div> </a> …

Read More »

Easy Input Mask JavaScript Library – MaskerJS

Easy Input Mask JavaScript Library – MaskerJS

A simple JavaScript library for masking HTML input fields. app.html: <input id="tel" type="tel" placeholder="+1-234-567-8900"> app.js: var Masker = require('maskerjs'); var telMask = new Masker( [ '___-____', // local // '____-____', // local 8 '(___) ___-____', // area // '(__) ____-____', // area 8 '+_-___-___-____', // international // '+_-__-____-____', // international …

Read More »

JavaScript Only Progress Bar Component

JavaScript Only Progress Bar Component

The progress bar is created by using pure JavaScript and A lightweight, dependency- and CSS-free JavaScript library used for generating animated, customizable progress bars. How do I create this ? We create two divs, one is a progress bar and other is its wrapper and the first div would exist …

Read More »

Text Typing / Deleting Animations In Native JavaScript – Native Typed

Text Typing / Deleting Animations In Native JavaScript – Native Typed

A tiny dependency free JavaScript library javascript library for typing animation. 1.77 kB gzipped of minified version Dependency-free new NTyped(document.querySelector('#caption'), { strings: ['vue', 'react', 'angular'], typeSpeed: 30, deleteSpeed: 15, loop: true }); Getting Started Step 1: Install Download the latest release or install with npm. npm install native-typed --save Step …

Read More »