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

All Tutorials

javascript-weighted-random
Javascript

Perform Weighted Random with JavaScript

December 28, 2020 Red Stapler 0

Weighted random is a non-uniform random method that each values has specific probability to be picked. The values with higher weight are more likely to be the random result while lower weighted one are less….

Read more
javascript-deep-clone-object
Javascript

How to Deep Clone JavaScript Object

December 28, 2020 Red Stapler 0

Deep Cloning JavaScript object can be very simple or difficult depend on how complicate your object structure is. For an object with basic data types, a one liner code is all you need. But if….

Read more
javascript-random-number-range
Javascript

Random Number between Range in JavaScript

December 28, 2020 Red Stapler 0

Math.random() is a function that returns a pseudo-random floating numbers between 0 and 1 (0 is inclusive, 1 is exclusive) We usually multiply the result with other numbers to scale the randomized value. However, there….

Read more
chernobyl-az-5-button-css
CSS Javascript Web Development

Recreate Chernobyl AZ-5 Button with CSS/HTML

December 28, 2020 Red Stapler 1

In this tutorial, we’re going to recreate the famous Chernobyl AZ-5 button with CSS and a little bit of JavaScript. Let’s check it out! The AZ-5 Button Here is the button in the movie. I….

Read more
fix-wordpress-404-google-cloud-2
Others Web Development

Fix WordPress 404 Permalinks on Google Cloud Platform

December 28, 2020 Red Stapler 1

If this is the first time you start hosting your WordPress site on Google Cloud Platform, changing permalinks structure will cause all your posts to be 404 not found. This because you need to allow….

Read more
chernobyl-rbmk-core-css
CSS HTML

Chernobyl Jumping Control Rods HTML and CSS Tutorial

December 28, 2020 Red Stapler 0

The jumping reactor control rods of is one of the most impressive yet terrifying scene in Chernobyl. In this tutorial, we’re going to recreated an animated 3D mini RBMK nuclear reactor core using only HTML….

Read more
three-js-post-processing
Javascript Web Development

Logo with GodRays Effect | Three.js Postprocessing Tutorial

December 28, 2020 Red Stapler 3

In this tutorial, we’re going to show to how to create a batman logo with god rays background using JavaScript and Three.js in just a few minutes. Let’s check it out! Importing 3D Model In….

Read more
3d-world-skybox-javascript
HTML Javascript

Create 3D World with Three.js and Skybox Technique

December 28, 2020 Red Stapler 3

In this post, we’re still with Three.js. I’m going to show you how to create an easy 3D world with skybox technique in just a few minutes. Let’s check it out! What is Skybox The….

Read more
add-3d-model-website
Javascript

Add 3D Model to WebSite in 5 Minutes – Three.js Tutorial

December 28, 2020 Red Stapler 6

In this tutorial, we’re going to show you how to put a 3D model on your website with 360 degrees viewer using Three.js and JavaScript in just a few minutes. The Model First of all,….

Read more
three-js-realistic-rain-effect
Javascript Web Development

Three.js Realistic Rain Effect Tutorial

December 28, 2020 Red Stapler 0

In previous post, we made a tutorial how to make Thanos portal effect using Three.js. This time we’ll show you how to use the same technique to turn it into a realistic raining scene in….

Read more
css-perspective-text-effect
CSS

CSS Perspective Text Hover Effect Tutorial

December 28, 2020 Red Stapler 2

Sliding perspective text effect has been around for some time and many of you might have seen it already . So in this tutorial, we’re going to show you how to make CSS perspective text….

Read more
3d-photo-from-image
HTML Javascript Web Development

Create 3D Photo from Image JavaScript Tutorial

December 28, 2020 Red Stapler 21

In this tutorial, we’re going to show you how to create an illusion of 3D photo from image using JavaScript and Pixi.js webGL library. Let’s check it out! The Concept So in order to turn….

Read more

Posts pagination

«Previous Posts 1 … 8 9 10 11 12 … 18 Next Posts»
©2025 Red Stapler. All rights reserved.
  • Facebook
  • Twitter
  • Youtube