Posts

Event listeners are a very important part of web development. From mouse clicks to keyboard presses and event touch events. These event listeners help make our applications interactive. And while it may be easy to add them in javascript, it isn’t exactly straightforward when it comes to removing them. Especially when parameters are involved. In this tutorial, I am going to be showing you how you can add and remove Event Listeners with Parameters in javascript....

In this tutorial, we’re going to learn four ways in which we can remove a click event from an HTML element. There may be more ways than four, of which I am not aware of, so please do well to leave them in the comments below if I haven’t listed what you know. So for this tutorial, we are going to be using a button. Let’s get started. Removing pointer-events in CSS The first method on the list, is removing pointer-events in CSS....

If you want to have a better understanding of whatever you are learning, or improve your skills as a python developer, then you must build projects. That’s why in this tutorial, we’re going to be building a BMI calculator in python. What is a BMI Calculator BMI stands for Body Mass Index. It is a mathematical method invented by a Belgian statistician by the name of Lambert Adolphe Jacques Quetelet. The purpose of the BMI is to find out the status of a person’s weight....

In order to make a virtual environment for your python project, you can use the venv module which is built-in to python. Here are the steps you need to follow: Open command prompt To open command prompt, press the home button on your keyboard, search for it, and press enter. Create a directory for your python project The virtual environment needs to be in the same folder as your python project....

In this tutorial, I am going to be showing you how to convert mp4 files to mp3, using python. In order to do this, we’re going to be using the MoviePy library in python, and it’s only going to take about three lines of code. Yes! Three lines of code. That’s the beauty of python for a lazy programmer😁. Let’s begin. What is MoviePy MoviePy is a Python library for video editing, manipulation, and processing....

In this tutorial, we’re going to be learning how to build out a flip card using html and CSS. Prerequisites This tutorial assumes basic knowledge of HTML and CSS: including topics such as flexbox, CSS pseudo selectors and how to properly layout elements using CSS. This tutorial is not for absolute beginners, and as such, will not explain every basic concept. Before we start, I will like to explain the step-by-step process we’re going to follow in order to build out this flip card....

In this tutorial, we’re going to be stretching our html and css skills by building out a figma logo clone. Why are we building a figma logo clone? Two reasons: It is very easy to build. Anybody can follow along. It is not a very common thing to build. Plus, it sounds like fun to be building out the logo of a really popular UI design tool, so that’s what we are going to be doing....