Photo by Josh Sorenson from Pexels

I’m going to walk you through the creation of a basic drum beat using Sonic Pi.

Sonic Pi is a program that lets you make music using code. It’s designed to be simple enough that it doesn’t take long to figure it out. At the same time, it’s powerful enough to make professional music.

I’ve written another tutorial that introduces the basics, but you can still follow along even if you don’t read it. Install Sonic Pi from the link I’ve put above so you can follow along.

After this tutorial, you’ll end up with something that sounds like this.

I’m going to introduce you to making music with code, without assuming any knowledge of either.

Sonic Pi is a great way to learn either music or code. It’s also great if you’d like to play around with music without having to spend any money.

Mozart Requiem played with Sonic Pi

Let’s jump right in!

Get started by downloading and installing Sonic Pi. If you are on Windows or Mac you can download the installers from the Sonic Pi website. If you are on Ubuntu a community member has created a deb file for easier installation.

Once you’re all set up, you’ll see something…

The blog you’ll end up with.

In this guide I’m going to explain how you can build your own blog using a tool called Hugo and then put it online. You don’t need any previous experience to follow along, just a willingness to learn.

I think Hugo is a great alternative to Wordpress and site builders like Squarespace or Wix. Although there can be more of a learning curve, in return you get much more control, flexibility and ownership over your blog. I’ll go into more detail on the differences in this guide.

Even if you’re not very technical I think you’d wrap your head around…

This tutorial will explain how you can put your website online, for free, using Github.

You don’t need any previous experience to follow along, but you will need a website that you want to publish.

If you don’t have your own site yet, you can use this example HTML page I created. This is what it will look like when you publish it.

Github Pages only works with typical websites that are made up of HTML, CSS and JavaScript files. If your website uses server code like PHP, Python or Node.js it won’t work with Github Pages

What is Github Pages?

Github is a…

As you read this, turn your mind to the sounds around you. There may be more sounds than you expect. Background sounds your mind normally filters out.

Don’t spend too much time on any one sound. Notice them as they come and go.

The purring of the car’s engine as it accelerates. The whirring laptop fan. The murmur from a nearby conversation.

You may notice your mind jumps from sound to sound. Allow this to happen. Don’t try to listen harder, or to pick out a particular sound. Just observe. Observe the way your mind moves from one thing to…

You can practice most things; even things that most people don’t think you can practice. You can practice optimism, kindness, and compassion. You can even practice how to make meaningful connections with people that you don’t know.

This practice is simple. It’s something you can do most days, without having to adjust your schedule or make time for it. You most likely do it every day subconsciously.

Before we delve into the practice, I think it is important to talk about feeling lonely.


Photo by Simon Rae on Unsplash

I have meditated using a few different techniques over the past 7 years, and would like to share what has worked for me.

A brief introduction

Meditation is a very broad label and can be applied to many different practices. These practices include mindfulness meditation, compassion meditation (metta), various forms of mantra meditation, tai chi, yoga, pranayama, contemplative religious practices and many more. There are also many ways to practice each of these forms of meditation. For example, with mindfulness, you can perform a sitting meditation or a walking meditation. The meditation can be guided, where someone or a recording guides you through…

Animated noise visualization

You’ve been learning p5.js and you’ve created a wonderful animation and now you want to share it with the world. How do you go about that?

We could use screen capture software, but this only works if the animation is running at the right speed. With the above animation, I was getting less than half a frame per second. The ccapture.js library is mentioned in the p5.js documentation and has worked well for me.

If you’d like to follow along with this tutorial you can fork the sandbox below, which has all the code you’ll need to start.


I’m going to walk you through creating your first piece of generative art — that’s art that’s made in whole or part by a self-governed system. Anyone can follow along with this tutorial, I won’t be assuming programming knowledge and we’ll be using an online editor to remove the need for any setup.

The simple piece of generative art we’re going to work on in this tutorial

Since the earliest days of the computer, people have been using code to make art. The image above is one of the more famous examples, written in BASIC in the early 1980s.

Ibby EL-Serafy

I volunteer at Foodhall, a space for humans in the heart of Sheffield. Fueled by compassion, cannabis and coffee. All content is available at:

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store