Red Stapler

How to Connect to Binance API via JavaScript

With the Binance API, developers can integrate their applications with Binance to programmatically buy and sell cryptocurrencies, retrieve...

CSS Backdrop Filter vs Filter. Which one to use?

If you want to adjust the brightness, contrast, hue, saturation or apply blur...

CSS Text with Background Animation

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...

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

In this post, we’ll show you how to read/write JSON file from Google Cloud...

How to Store Private key and Mnemonic on Google Cloud

If you are developing dApps or Web3 protocols, chances you’ll need to store...

Google Cloud Run Website behind Cloudflare

Hosting static website on Google cloud run has becoming popular recently (well, aside from CDN hosting) But there are some extra steps...

CSS Minimal Dark Mode Toggle Button

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...

Create Neumorphic Vertical Timeline with CSS only

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...

Create 3D Effect on Website using Transparent Video Background

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 website, then using...

How to send transaction with Metamask Javascript API

In this post we will continue from the previous example and going to add a new button to send a small amount of Ethereum to any wallet. This could be useful for accept tips and donation on website. Again we’ll be...

Adding Connect Wallet Button to Website with Metamask Javascript API

In this post we’re going to show you how to add a connect Metamask button to your website and get the address and wallet balance. This example will use the latest version of Metamask API, not the legacy window.web3...

What is Iron Fish and Universal Privacy Layer

Transparency is one of the blockchain feature where every transactions are stored on-chain and can be viewed by anyone. While this increase trust, traceability and security, it also creates privacy issues. For example,...

How to Setup Axelar Node on Google Cloud [Complete Guide]

Running your own node is the very first and essential step of development. Axelar provided tutorial on how to setup your node here. Unfortunately, it’s already outdated as the repository has been constantly updated....

Axelar Network – The Future of Decentralized World

In 2015, the first smart contract was released on Ethereum. Since then, DeFi ecosystem has been exploding. But as more users are pouring in, Ethereum is struggling to keep up. Solving the scalability issue without...

How to Downgrade App on Oculus Quest 2

There are sometimes you might want to downgrade an application on Oculus quest 2 after you updated it. Unfortunately, Oculus store doesn’t provide any direct downgrade option (which is quite annoying). So in this...

Create Bot on Terra Blockchain with Terra.js

For most decentralized exchange on blockchain, you can’t place a swap order with specific price. This makes day-trading very tiresome task since you have to keep monitoring the price and then manually send the swap...

CSS 3D Card Design with RGB Effect Tutorial

In this tutorial, we’re going to show you how to design and create CSS card with animating RGB and 3D tilt effect in just a few minutes. Ready? Let’s check it out! The Card Layout I’m going to start with the code...

Three.js Realistic Material Reflection Tutorial

In this tutorial we’re going to show you how to create realistic material reflection in Three.js. This project can be done in just a few minutes and run on web browsers with 60 fps. Ready? Let’s check it...

Smallest Dev and Gaming PC Case I Ever Built

This is it! Ladies and gentlemen. This is smallest gaming and development pc I’ve ever built. It even has smaller footprint than a laptop without compromising any performance. In this post we’ll talk about Geeek...

Create 3D Parallax Effect in 5 Minutes – Tilt.js Tutorial

In this post we’ll talk about a small but super useful JavaScript library call tilt.js which let you create a 3D tilt effect easily with literally just 1 line of code. Also learn how to create awesome effect such as...

How to Create Curved CSS Animation Path

Creating CSS animation is very easy using keyframes. But there is some limitation. You can’t move the element along the curved path (Well might be possible using rotation and transform-origin but it’s not very...

How to Combine PDF Files using Photoshop

Recently I had an urgent need to combine multiple PDF files into one file. Unfortunately I didn’t have Adobe Acrobat Pro installed on my PC. I knew there are online PDF merger tools out there but I didn’t want to...

Create GameStop Meme with Three.js

I hope it’s not too late to join the party. In this episode we’re back with three.js tutorial. And this time we’re going to show you how to create the famous meme stock of the year from scratch. The GameStop Logo!...

How to create Vertical Timeline from Pure CSS

HTML detail tag is one of the most useful features of HTML5. You can create an interactive toggle widget without using JavaScript at all. But do you know with the right CSS hack, it can create a lots of cool things. So...

Create Web App Tutorial with Intro.js

Intro.js is probably the most popular and one of the best JavaScript library for creating tutorial, hint, or instruction for web application. You can create a full tutorial in just a few minutes without having to write...