redstapler.co

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

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 the empty Label tag....

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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