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

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
realistic-water-ripple-effect
HTML Javascript Web Development

Ultra Realistic Water Ripple Effect JavaScript Tutorial

December 28, 2020 Red Stapler 3

In this tutorial, we’re going to show you how to create a water ripple effect from scratch using JavaScript and Pixi.js library in just a couple minutes! Let’s check it out! (Full Source code at….

Read more
thanos-portal-effect-thumbnail
Javascript Web Development

Thanos Portal Effect JavaScript Tutorial

December 28, 2020 Red Stapler 1

In previous video, we made a tutorial about Thanos snap effect and receive quite positive response. So in this video, we’re going to stay with Thanos a little bit more and see how we made….

Read more
thanos-snap-effect-tutorial
HTML Javascript Web Development

Thanos Snap Effect JavaScript Tutorial

December 28, 2020 Red Stapler 16

Thanos’ snap effect is one of the best Easter egg from Google that I really like. But since Google obfuscate their code, it’s a little bit hard to see the technique they used. So in….

Read more
add-loader-to-website
CSS HTML Javascript Web Development

How to Add Loading Animation to Website in 2 Minutes

December 28, 2020 Red Stapler 7

In this tutorial, I’m going to show you how to add a loading animation to your website and remove it when everything is loaded. Let’s check it out! (All source code at the end of….

Read more
5-top-code-editors-2019
CSS HTML Web Development

Top 5 Code Editors for Web Developers in 2019

December 28, 2020 Red Stapler 3

If you’re looking for a nice code editor, we might be able to help you! In this post. we’re going to talk about the 5 most popular code editors in 2019 and their key features…..

Read more
wordpress-add-custom-css
CSS Web Development

How to Add Custom CSS/HTML to WordPress Post

December 28, 2020 Red Stapler 7

In this tutorial, I’m going to show you how to add a custom css effect to any wordpress page or a post easily in just a few minutes! Ready? Let’s check it out! There are….

Read more
coolest-404-page-thumbnail
Others Web Development

15 Coolest 404 Page Design You Shouldn’t Miss

December 28, 2020 Red Stapler 1

Frustration is always with 404 page when the users came across. But why we need to keep it that way? In this post, I’m going to show you the coolest 404 page design collection I….

Read more
12-cool-css-button-thumbnail
CSS Web Development

12 Awesome Pure CSS Button Ideas for Web Design

December 28, 2020 Red Stapler 0

In this post, we have put together a collection of 12 awesome pure CSS button ideas and inspirations from great web designers around the world that could help with your project. Plus, I made a….

Read more
css-3d-text-hover-effect
CSS HTML Web Development

Easiest CSS 3D Text Hover Effect Tutorial

December 28, 2020 Red Stapler 0

When talking about CSS 3D effect, most of us are going to think about CSS transform since it’s easy and robust. Well, maybe not this tutorial because I’m going to show you a very easy….

Read more
7-must-have-vscode-extension
Others Web Development

7 Must Have VSCode Extensions for Web Developers

December 28, 2020 Red Stapler 1

Visual Studio is arguably the best and most popular code editing up to date. But what makes the VSCode even more powerful is the abundant of extension in the marketplace.  So in this post, I’m….

Read more
responsive-css-video-background
CSS HTML Web Development

A Guide to Responsive CSS Video Background

December 28, 2020 Red Stapler 6

In this tutorial, I’m going to show how to add a responsive CSS video background to support all screen size and also showing static image instead of video for mobile devices too. You can find….

Read more

Posts pagination

«Previous Posts 1 … 3 4 5 6 7 … 9 Next Posts»
©2025 Red Stapler. All rights reserved.
  • Facebook
  • Twitter
  • Youtube