Red Stapler

In this tutorial, I’m going to show you how to create a 3D transparent progress bar with CSS transform in just a few minutes. The Concept Here is the progress bar we’re going make. It….

December 28, 2020 Red Stapler 6

15 Awesome CSS Toggle Switch Ideas

Here are collection of toggle switch design ideas and inspirations that used just only CSS from awesome web designer around the world. In this post, we’ve handpicked 15 switches that we liked most. Click at….

Create Gooey Effect with CSS Filter

In this post, I’m going to show you how to easily create a gooey animation effect using just CSS filter and transform in a just a few minutes. Let’s check it out! The Concept The….

Make 3D Cube Effect with Pure CSS in 5 Minutes

With CSS transform, making 3D effect is pretty much easy with just a few lines of code. In this post, I’m going to show you how to create a simple 3D cube effect with pure….

December 28, 2020 Red Stapler 0

11 Pure CSS Hover Effect Ideas and Inspirations

If you’re putting button, images or any clickable element on your website, adding hover effect is a must since it lets the users know that they’re clickable. Plus, it enhances the user experience if you….

December 28, 2020 Red Stapler 5

14 Amazing CSS Creation You Shouldn’t Miss

Codepen is one of the most popular online code snippet editor sharing platform. So it’s no surprise there are lot of works from skilled and talented front-end developers around the world. In this post, I….

December 28, 2020 Red Stapler 2

How to Create 3D Surface Chart with Javascript

In this post I’m going to show you how to create a 3D surface chart with just JavaScript using Plotly.js. An open source JavaScript graphing library that is built on top of d3.js and very….

December 28, 2020 Red Stapler 6

Create JavaScript Real-Time Chart with Plotly.js

In this tutorial, I’m going to show you how to create a real-time line chart with JavaScript using Plotly.js. Plotly.js is a charting library that was built on top of d3.js and stack.gl. Very useful….

December 28, 2020 Red Stapler 7

Three.js Tutorial – Hello World Cube

In this post, we’ll talk about Three.js. A javascript library and API that allows you to create a 2D or 3D graphic on your web page easily without having to deal directly with WebGL using….

Typed.js Tutorial | Javascript Typing Animation