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

how to detect if all lazy images loaded with javascript
Javascript Web Development

How to Check if All Images are loaded with JavaScript

December 21, 2022 Red Stapler 3

There are several reasons why you might want to detect if images have finished loading on a webpage. For example, if your page relies on images to display content, it’s important to ensure that the….

Read more
css svh lvh dvh units explained
CSS

All CSS Viewport Units (svh lvh svw lvw dvh dvw) Explained

December 17, 2022 Red Stapler 0

In CSS, the viewport is the area of the browser window that is used to display the webpage. The size of the viewport can be affected by the size of the device being used to….

Read more
when CSS4 release?
CSS Web Development

Why there is no CSS4?

February 11, 2023 Red Stapler 0

CSS3 was first released and quickly established itself as an essential aspect of web development. It brought several significant new features to the table, such as media queries, flexbox, animation, shadows, gradients, transforms, pseudo-classes (such….

Read more
binance api javascript tutorial
Javascript Node.js

How to Connect to Binance API via JavaScript

December 15, 2022 Red Stapler 2

With the Binance API, developers can integrate their applications with Binance to programmatically buy and sell cryptocurrencies, retrieve market data, manage user accounts, and more. The API allows developers to automate many of the processes….

Read more
CSS

CSS Backdrop Filter vs Filter. Which one to use?

December 14, 2022 Red Stapler 0

If you want to adjust the brightness, contrast, hue, saturation or apply blur of an element, the first property that comes in mind is filter However, there is also a very similar property backdrop-filter which….

Read more
css text background animation
CSS HTML

CSS Text with Background Animation

December 13, 2022 Red Stapler 0

In this post we will show you a quick tutorial on how to create text background animation using CSS without JavaScript in just a few minutes. Let’s check it out. So here is the example….

Read more
read write file to google cloud storage
Others Web Development

How to Read/Write file to Google Cloud Storage with Javascript

October 19, 2022 Red Stapler 1

In this post, we’ll show you how to read/write JSON file from Google Cloud Storage bucket with JavaScript (Node.js) Setting up Credential You’ll need to install google-cloud/storage first using npm install. Note: if you’re using….

Read more
Cryptocurrency Web Development

How to Store Private key and Mnemonic on Google Cloud

October 17, 2022 Red Stapler 0

If you are developing dApps or Web3 protocols, chances you’ll need to store private key or mnemonic of protocol’s hot wallet on server. However, storing private key as plain text is very unsecure. Setting up….

Read more
Others Web Development

Google Cloud Run Website behind Cloudflare

October 16, 2022 Red Stapler 0

Hosting static website on Google cloud run has becoming popular recently (well, aside from CDN hosting) But there are some extra steps needed in order to put Cloud Run hosted website behind Cloudflare’s reverse proxy…..

Read more
css dark mode toggle tutorial
CSS HTML Web Development

CSS Minimal Dark Mode Toggle Button

July 27, 2022 Red Stapler 0

In this post, we will work on a minimal CSS dark mode toggle switch with gooey effect. No JavaScript, just CSS. Ready? Let’s check it out! The HTML We’ll use checkbox input type accompanied by….

Read more
CSS HTML

Create Neumorphic Vertical Timeline with CSS only

July 19, 2022 Red Stapler 0

In this post, we’ll create a vertical timeline on webpage in neumorphic style using only CSS. It will be responsive with click-to-expand event description without using Javascript.   The HTML So let’s walkthrought the current….

Read more
3d transparent video
CSS HTML

Create 3D Effect on Website using Transparent Video Background

June 27, 2022 Red Stapler 0

In this tutorial, we’re going to talk about a trick to create 3D effect on website using CSS and transparent video background without using JavaScript at all. Normally if want to put a 3D model….

Read more

Posts pagination

«Previous Posts 1 2 3 4 … 18 Next Posts»
©2025 Red Stapler. All rights reserved.
  • Facebook
  • Twitter
  • Youtube