JavaScript

5 Awesome JavaScript Promise Tricks

The Promise API changed the game in JavaScript. We went from abusing setTimeouts and settling for synchronous operations to doing everything possible to leverage this new async API. Let’s check out a handful ...

by Anmol Dubey • September 22, 2020September 15, 2020

Code, Development, JavaScript

onscroll-effect: Toggle CSS Classes When An Element Is Scrolled Into View

A tiny JavaScript library to enable CSS animations when user scrolls. This library toggles a class to an element when it appears on viewport when user scrolls. It lets you build CSS ...

by Anmol Dubey • September 21, 2020September 15, 2020

Code, Development, JavaScript

Moveable: Create Draggable/Resizable/Scalable/Rotatable/Warpable Element

Description moveable is a JavaScript library that makes an element draggable, resizable, scalable, scrollable, rotatable, roundable, clippable, and wrappable.

by Anmol Dubey • September 19, 2020September 15, 2020

Code, Development, JavaScript

Spacetime: Handling Timezone In JavaScript

Description Spacetime is a pure JavaScript library used to manipulate, traverse, compare, and format dates and times across planet Earth. Key features Get/set dates and times in remote time zones Global ...

by Anmol Dubey • September 17, 2020September 15, 2020

Code, Development, Inspiration, JavaScript, Tutorial

Tutorial: Fancy Submit Button Interactions

Description Fancy Submit Button Interactions that displays a loading spinner (w/ or w/o progress bar) in the submit button when submitting and shows a success message when a specific process ...

by Anmol Dubey • September 16, 2020September 15, 2020

Code, Development, JavaScript

Chill Out with These Calming CSS & JavaScript Code Snippets

We could all use a little calm in our lives. What with the pressures that come along with web design and development – not to mention the state of the ...

by Anmol Dubey • September 8, 2020September 4, 2020

Code, Development, JavaScript

ButterJs: Create Smooth Momentum Scrolling Effects

Description: Butter.js is a plain JavaScript library that applies a smooth momentum scrolling (also called inertial rolling) to any scrollable elements on the web. Inspired by luxy.js library. Use this ...

by Anmol Dubey • August 30, 2020August 17, 2020

Code, Development, JavaScript

Tiper-js: Modern Typing Animation JavaScript Library

Description: tiper-js is a modern JavaScript component to print any text with a typing animation just like the commands and output in a terminal. How to use it: 1. Install ...

by Anmol Dubey • August 28, 2020August 17, 2020

Code, Development, JavaScript

SVG.Js: Easy Creation And Manipulation Of SVG Elements

Description: SVG.js is a tiny JavaScript library that makes it easier to create and manipulate SVG elements within the document.

by Anmol Dubey • August 26, 2020August 17, 2020

Code, Development, Freebies, JavaScript

Shapeshifter.js: SVG Morphing Animation In JavaScript

Shapeshifter.js takes low poly SVGs and transforms them into each other. The shapes don’t need to have the same number of polygons. The polygons don’t need to have equal number ...

by Anmol Dubey • August 25, 2020August 17, 2020