Red Stapler

Canvas is an element for drawing graphic on webpage with JavaScript which responsible for majority of stunning effect on today’s website. In this tutorial, we’ll show you how to load an existing image to canvas….

Pure CSS Depth of Field Effect

Hello and welcome to Red Stapler Channel. In this tutorial, we’re going to show you how to create depth of field effect, which could be useful for creating stunning background on your website. This technique….

The Best Scroll Animation Library

In this tutorial, we’re going to show you how to easily create an animation on any HTML element that will trigger on scroll in just a few minutes using AOS library. Let’s check it out!….

CSS HTML Web Development

How to create Google Style Login Form

In this tutorial, I’m going to show you how to create a responsive Google style login form using materialize framework in just a few minutes. Ready? Let’s check it out! The Material Design Material Design….

CSS Web Development

How to Change Scroll Speed with CSS

Changing scroll speed on website can be tricky. As the speed is controlled by the web browser setting and not the website. The most popular workaround is to use JavaScript to detect mouse event then….

10 Stunning Web Design Ideas You Must See in 2019

In this article, we’ll show you the collection of 10 stunning web design ideas and inspirations I found on Codepen in 2019. Also, I’ll try to provide a brief detail of the technique and library….

CSS

CSS Drawing Tutorial for Beginners

Hello and welcome to Red Stapler channel. In this tutorial, we’re going to show you the basic of how to use CSS to draw Forky from Toy Story 4 image step by step from scratch…..

December 28, 2020 Red Stapler 3

Evolution of Web Design and Development 1990-2019

The world first website was published in 1990. Comparing to today’s website, It’s really impressive to see how far we have come. In this post, we will travel back in time to see each step….

Others

How many tabs can be open in Chrome?

December 28, 2020 Red Stapler 3

On average, people usually open around 10-20 tabs on their browser. The most I have seen is closed to hundred and Chrome is still working fine. So I have been wondering for while that what….

CSS Web Development

How to Create CSS Horizontal Scrolling Website

Horizontal scrolling has been around for quite a while and can be often seen on personal portfolio and resume website. So In this tutorial we’ll show you how to create it with pure CSS using….