Skip to content

Tutorials

  • Cryptocurrency
  • CSS
  • Excel
  • HTML
  • Javascript
  • Node.js
  • Others
  • SCSS
  • Web Development

Pages

  • Home
  • All Tutorials
  • About
  • Privacy Policy

Red Stapler

Coding Tutorials and Development Tips

  • Home
  • Tutorials
  • About

Category: Javascript

realistic-water-ripple-effect
HTML Javascript Web Development

Ultra Realistic Water Ripple Effect JavaScript Tutorial

December 28, 2020 Red Stapler 3

In this tutorial, we’re going to show you how to create a water ripple effect from scratch using JavaScript and Pixi.js library in just a couple minutes! Let’s check it out! (Full Source code at….

Read more
thanos-portal-effect-thumbnail
Javascript Web Development

Thanos Portal Effect JavaScript Tutorial

December 28, 2020 Red Stapler 1

In previous video, we made a tutorial about Thanos snap effect and receive quite positive response. So in this video, we’re going to stay with Thanos a little bit more and see how we made….

Read more
thanos-snap-effect-tutorial
HTML Javascript Web Development

Thanos Snap Effect JavaScript Tutorial

December 28, 2020 Red Stapler 16

Thanos’ snap effect is one of the best Easter egg from Google that I really like. But since Google obfuscate their code, it’s a little bit hard to see the technique they used. So in….

Read more
split-js-tutorial
CSS HTML Javascript

Split.js Tutorial – Create Split Screen Effect on your Website

December 28, 2020 Red Stapler 1

Today we’re going to talk about split.js. An awesome JavaScript that can help you create split screen effect on your webpage or any HTML element and create a resizable partition in just a few minutes…..

Read more
add-loader-to-website
CSS HTML Javascript Web Development

How to Add Loading Animation to Website in 2 Minutes

December 28, 2020 Red Stapler 7

In this tutorial, I’m going to show you how to add a loading animation to your website and remove it when everything is loaded. Let’s check it out! (All source code at the end of….

Read more
7-trending-javascript-libraries
Javascript

7 Trending JavaScript libraries in 2019

December 28, 2020 Red Stapler 0

It’s new year and it’s the time to review the interesting JavaScript libraries. In this post, we have the 7 trending JavaScript libraries in 2019 that might be useful for your project and boost up….

Read more
cleave-js-phone-tutorial-thumbnail
Javascript Web Development

Auto Format Phone Number based on Country with JavaScript

December 28, 2020 Red Stapler 1

We’re still with Cleave.js. In this post, I’m going to show you how to use Cleave.js to mask and format the phone number on the input field automatically according to the user’s country. Let’s check….

Read more
Javascript Web Development

Easy Way to Detect Credit Card Type with Javascript

December 28, 2020 Red Stapler 1

In this tutorial, I’m going to show you a very very useful JavaScript library call Cleave.js. Cleave.js is a library designed to help you easily detect a credit card type and input masking. You can….

Read more
3d surface chart javascript
Javascript Web Development

How to Create 3D Surface Chart with Javascript

December 28, 2020 Red Stapler 2

In this post I’m going to show you how to create a 3D surface chart with just JavaScript using Plotly.js. An open source JavaScript graphing library that is built on top of d3.js and very….

Read more
javascript-real-time-chart-1
Javascript Web Development

Create JavaScript Real-Time Chart with Plotly.js

December 28, 2020 Red Stapler 6

In this tutorial, I’m going to show you how to create a real-time line chart with JavaScript using Plotly.js. Plotly.js is a charting library that was built on top of d3.js and stack.gl. Very useful….

Read more
three.js tutorial
Javascript Web Development

Three.js Tutorial – Hello World Cube

December 28, 2020 Red Stapler 7

In this post, we’ll talk about Three.js. A javascript library and API that allows you to create a 2D or 3D graphic on your web page easily without having to deal directly with WebGL using….

Read more
typed.js tutorial
Javascript Web Development

Typed.js Tutorial | Javascript Typing Animation

December 28, 2020 Red Stapler 1

In this post, we’re going to talk about typed.js tutorial. A JavaScript library that will help you create a typing animation on your web page. A good idea for a welcome message to your website visitor….

Read more

Posts pagination

«Previous Posts 1 … 3 4 5 6 7 8 Next Posts»
©2025 Red Stapler. All rights reserved.
  • Facebook
  • Twitter
  • Youtube