Create a connected distance sensor with an ESP32 module

This short tutorial introduces the ESP32 module (a Lolin32 Lite) and connects an HC-SR04 Ultrasonic sensor. The entire prototype will be powered by a battery and sent its data to a webserver via Wifi. It is assumed you have installed the Arduino IDE and have some basic understanding of using electronics and wiring a breadboard. Although in … Continue reading Create a connected distance sensor with an ESP32 module

Using an Optical (IR) sensor with Arduino

This short tutorial introduces the Optical (infrared) distance sensor (Sharp GP2Y0A21YK0F). It is assumed you have installed the Arduino IDE and have some basic understanding of using electronics and wiring a breadboard. If you want to learn more or if anything is unclear, check out this extensive tutorial. Although in this example we use a display, you can … Continue reading Using an Optical (IR) sensor with Arduino

How to create an App mockup with Figma – a tutorial

A new tutorial is available which introduces steps to create an App mockup using Figma. Figma is an online prototyping tool which can be used to design Apps and websites. This tutorial introduces the basics of prototyping an app with Figma. It quickly ‘touches’ all necessary steps without going into too much detail.  You can … Continue reading How to create an App mockup with Figma – a tutorial

Create a gallery with a custom lightbox

Since the addition of the blocks editor in WordPress, you can add a Lightbox to a gallery. However, the information in this article is still relevant if you would like to add you own Lightbox. Learn to create a gallery with a lightbox which allows you to click the image and view it in an … Continue reading Create a gallery with a custom lightbox

Restyle any website – the Twitter case

Update: there is an easier solution: use a browser extension. Twitter recently changed the interface of its website completely. I did not like it really and decided to do something about it. I installed the Chrome extension “User-CSS” which can ‘inject’ any CSS code for a site. I changed the columns widths to make more … Continue reading Restyle any website – the Twitter case

Use DHT11 temperature and humidity sensor with display

This tutorial uses the Arduino Nano, but you may also use an Arduino Uno. You might need the Arduino Nano pinout diagram or an other diagram for your particular model of Arduino. We are going to use the diagram below to build it. But if you are inexperienced each step is explained in detail. First, … Continue reading Use DHT11 temperature and humidity sensor with display