How to write a simple HTML-Document

Published by Tim on Thursday November 18, 2021

Last modified on January 25th, 2024 at 14:07


By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

Hi folks! ☀️🖐️

I hope you are doing well! For a few months now I’ve been working on the question of how web technologies can be taught through creative coding. The potentials of HTML, CSS and Javascript are incredible: Today, the majority of apps are developed using exactly these languages.

The big advantage of web technologies over more closed languages like Processing is that you can share the results via a web server and make them accessible make them experiencable on any device. Moreover, the ability to work with web technologies is not only enormously useful, but also in high demand! 

Appropriately enough, p5.js represents the perfect bridge between the world of Processing and that of the World Wide Web. p5 will therefore also be a subject covered by me in the future. 

This video is a first introduction to the topic of web technologies. In it I show you which editor I use and how to build a simple grid with HTML and CSS.  

What goes through your mind? Do you like this strategy?

As always I’m looking forward to your feedback!

Have fun and best regards!


Posted on Nov 18th 2021


Preview: Random Compositions

One of the most exciting and maybe even unsettling discoveries in the learning process of Creative Coding in Graphic Design […]

Getting started with Processing

Please note: This blogpost is currently in development While in p5.js there is a relatively confusing array of ways to […]

Three ways to work with p5.js

When the first alpha release of p5.js appeared in July 2014, it kicked off a hugely important development for the […]

I challenged Daniel Shiffman and here’s his response

This year I donated $700 to the Processing Foundation to support people who care about the development of the projects. […]

How to work with Layers in Processing?

Hello people, here comes a new session for you. This time I’ll explain how you can work with layers in […]

Rhythm Studies

This session shows a possible solution for the assignment Rhythm Studies from my course Bauhaus Coding Workshop.

The Wave

Related Course