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: Web Development

confetti button effect javascript library
Javascript Web Development

How to Create Confetti Button Effect

February 13, 2023 Red Stapler 3

Creating visually appealing and engaging user interfaces is a crucial aspect of modern web development. In this fast-paced digital age, users expect interactive and dynamic elements in web pages. One way to add a touch….

Read more
5 web design trends 2023
Web Development

Web Design Trends 2023

January 13, 2023 Red Stapler 0

Over the past year, we’ve seen a lot of exciting developments in the world of web design. And in this post, we’re here to give you a sneak peek at what’s coming next in 2023…..

Read more
easiest pure css parallax tutorial
CSS Web Development

Easiest way to Create Pure CSS Parallax Tutorial

January 5, 2023 Red Stapler 0

In this post, we’ll show you the quick and easiest way to create CSS parallax effect with pure CSS from scratch in just a few minutes. Ready? check it out! Preparing the Web Page So….

Read more
three.js texture and displacement map from image
Javascript Web Development

Three.js Displacement Map from Single Image Tutorial

December 22, 2022 Red Stapler 0

It’s time for Three.js tutorial. This post, we’re going to show you how to create realistic 3D texture using displacement mapping and bump mapping from just a single image file. We’ll talk about how to….

Read more
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
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
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
web design trends 2021
Web Development

Top 5 Web Design Trends in 2021

January 12, 2021 Red Stapler 1

2021 is going to be another important year for web designing since the outbreak has forced lots of business to have online presence. So in this video we’re going to talk about 5 web design….

Read more
defer render blocking css wordpress
CSS Web Development

Defer Render-Blocking CSS in WordPress (No Plugin)

December 28, 2020 Red Stapler 1

Render-blocking CSS is one of the reason of slow website loading speed. By default, web browser have to wait for all CSS to finish loading before it can start rendering website. During this time, user….

Read more

Posts pagination

1 2 3 … 9 Next Posts»
©2025 Red Stapler. All rights reserved.
  • Facebook
  • Twitter
  • Youtube