Entering the World Wide Web

Published by Tim on Tuesday October 11, 2022

Last modified on October 27th, 2022 at 7:27

Photo of Tim Berners-Lee by Paul Clarke, CC BY-SA 2.0

In this day and age, as creatives, we are highly dependent on the tools that social media provides us. Instagram, at the time of this course’s publication, is the largest platform for creatives and offers us very powerful features to bring our ideas to the world without any financial resources. Unfortunately, this makes us highly dependent, because a hacked account or an invisible penalty by the algorithm can destroy an entire career. We’ve also seen complete platforms disappear time and time again over the last 20 years: Myspace, for example, used to be the biggest social network ever, and even the reasonably open Tumblr is now completely irrelevant. Many of the political practices and the power of the big companies in Sillicon Valley are highly questionable and dangerous. Anyone who has ever seen the brilliant documentary The Social Dilemma on Netflix understands much better why we as users are part of a dangerous system.

When Tim Berners-Lee invented the World Wide Web in the end of the 1980s, he had something very different in mind than what we think of as the Internet today. His vision was to design an open and freely accessible digital landscape that would give everyone in the world access to knowledge and the ability to share their own content without a large monopoly profiting or, in the worst case, even dictating the exact direction in its own favor.

In the nineties, all it took to create a website was to learn a simple language called HTML, which allowed documents to be cleverly linked together using hyperlinks. Today, that may sound pretty medieval, but hyperlinking documents as we know it today from Wikipedia is one of the greatest inventions of the modern era. We’ve passed too quickly by the awesome potential of web technologies. Unfortunately, the Fear of Missing out (F.O.M.O.) pushes us to always look for the better in the new.

Having our own website frees us a great deal from our dependencies on the apps and services of the big players. It allows us to present our content in our unique way and to design it the way we want. And the potential of web technologies today goes far beyond the development of websites. With the triad of basic languages HTML, CSS and Javascript alone, it is now possible to develop not only simple layouts, but complex interactive spaces and works of art. This is proven by artists of Net Art or the scene around Web Brutalism. As always I like to refer to Yehwan Song, who inspires me continuously with her work.

As a web developer, I have implemented many large projects over the last 10 years and know the basic technologies of the World Wide Web pretty well. I have experimented a lot with frontend technologies, founded a webdevelopment community and most importantly coded my own platform timrodenbroeker.de completely by myself.

All these are reasons why I want to offer web technologies on this platform in my online courses in the future and especially in 2023. I’ve been working on this for a few months now and I’m really looking forward to share first insights into this process soon.

Now you might ask yourself how far the work with web technologies fits together with my courses for Processing. Here I can reassure you: On the one hand, Processing is and remains the didactic foundation of my teaching and I never tire of emphasizing that, in my view, there is no better language for learning creative coding. For me, the language itself only plays a role insofar as what possibilities it brings with it. Processing is a great technology for generative design, a kind of Swiss Army knife for artistic work with programming.

Web technologies like HTML and CSS, on the other hand, empower us to show and stage our work. I think in terms of a connected system of languages that positively influence each other and where each serves a function. Thereby my main topic remains Creative Coding.

I’m totally excited to hear your thoughts! Please feel free to give me your feedback on Discord or on Patreon. I look forward to reading from you.

Related Links

Related

Programming Posters at Elisava

In October 2023 I will conduct a seminar at Elisava in Barcelona and I am really looking forward to it. […]

I’ve updated my Mockup Generator

For my students at Elisava, I have updated my mockup generator. Now its possible to load animations in the .gif […]

How I built myself a Digital Garden

It was a red hot day in July 2023 when I met Alex Muñoz for breakfast in the morning at […]

Stream: trustTheProcess(2) – Time in Space

In this livestream from June 22, 2023, I used Processing to develop an interactive, three-dimensional timeline of exemplary historical data […]

New work for the New York Times

Once again, I had the honor of illustrating an article for the New York Times that I myself am very […]

Ksawery Kirklewski on his Symphony in Acid

For me, it’s by far the most inspiring project of the last few years: “Symphony in Acid”, a collaboration between […]

Thoughts on Artificial Intelligence

Photo: Vyběr Socky What a ride! I’m sitting in the room of a luxury hotel in Prague, once again packing […]

A conversation with Francisca Torres / Elisava

In March 2023 I taught for a month at the renowned design school Elisava in Barcelona. This was a unique […]

Monica Losada on Overcoming Interfaces

She is super young, incredibly sympathic and insanely creative. In her work as a graphic designer, she experimentally explores the […]

Workshop “Collision” at Abk Stuttgart

In April 2023 I held a workshop at the AbK Stuttgart, which worked super well and was great fun. I […]

Marcus Aurelius Meditations

Since the beginning of the Corona crisis, I have been more and more interested in the history of ancient philosophy. […]

A conversation with Soyun Park

I met Soyun, a creative technologist from South Korea at a party hosted by Vera van de Seyp in Rotterdam, […]

Stream: Vera Molnar Reconstructed

In February and March 2023 I recorded a three-part live stream series in which I reconstruct selected works by the […]

A conversation with Yannick Gregoire

About a year ago I stumbled upon Yannick Gregoire’s profile on Instagram and was immediately fascinated by his work. Later, […]

Lena Weber on Ambiguous Aesthetics

In this post I’d like to introduce you to Lena Weber, who has helped me tremendously with the translation of […]

Martin Lorenz on the intersection of Creative Coding and Flexible Visual Systems

About two years ago I invited one of my early design heros, Martin Lorenz, for an online talk. Since that […]

DEMO Festival 2022 was a blast

This year I had the honor to be part of the DEMO Festival as a curator. It was a super […]

Key visual for Slate + Ash’s new software instrument

Together with Lena Weber I created the promo video for Slate + Ash’s brand new software synth called Choreographs. The […]

Generative portraits for IBM

Some of you may know that I have a split relationship with Instagram. Still, even though I often find myself […]

Llum Negra / La Luz Negra / Black Light

Custom design-software for CCCB Barcelona

Creative Coding as a School of Thought

Our world is changing at a breathtaking pace. Technological progress is continuously leading to significant transformations. It is high time […]

What is Creative Coding?

Note: This article is also available in German language. The world’s largest computer museum in provincial Paderborn sends hundreds of […]

Creative Coding as an Experience

Note: This article is also available in German. In 2014, my friends Lukas Schlaffke, Patrik Hübner and I packed a […]

Building a digital painting studio from scratch with Processing

A few weeks ago I met the German artist Arno Beck, whose work I find absolutely great. Arno is a […]

Workshop at International Assembly

Last week (June 2022) I gave a three-day workshop at International Assembly and it was really really cool. The organization […]

An ode to the Gif

I’m pretty unhappy with the social media we creatives use today. The big platforms give us very convenient tools to […]

Curating the DESIGN IN MOTION Festival 2022

Imagine if the majority of all outdoor displays in public spaces were broadcasting the best of design and moving image […]

A conversation with Yehwan Song

Yehwan Song‘s mindblowing ex­peri­mental web­sites move between art and design and con­sis­tent­ly break familiar patterns in the inter­action and functionality […]

We need a sustainable perspective on life with technology

A short but beautiful text titled The universe gives me everything? on a friends blog made me think of what […]

2021 was my year of liberation

Dear Patreon-community, 2021 started with tremendous challenges. Besides my job as a web developer, where a massive project for an […]

The best programming language for Creative Coding in 2022

Yesterday I got a message from a very nice person named Julia who is interested in my courses, but is […]

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. […]

A mockup-design-tool built with Processing

Mockups can be used to effectively simulate and visualize graphic design applications. i’ve been using this technique for years to […]

Processing Community Day 2021 Recap

It was a sunny day in June 2021 when I got a message from Casey Reas on Instagram asking if […]

“The Infinite Layout Machine” by Michael Kreß

This is the case study of a project by Michael Kreß, a student from one of my courses in the […]

Q&A with Casey Reas

A few months ago I dreamed of talking to Casey Reas, one of the two masterminds behind Processing, about the […]

PCD2021 – Vera van de Seyp

In my perception, Vera plays a key role in the Creative Coding scene. On the one hand, her work is […]

Two Perspectives – Episode 3

Hello friends! Not only from my own experience, but also from years of teaching at different universities, I know how […]

Processing-Tutorial: A Grid of Arcs

In this tutorial, you’ll learn how to create a grid-based, flexible visual system of quarter circles in Processing. I’ll show […]

Processing-Tutorial: Exploring Wave-Figures

In this spontaneous Processing coding-session, I solve one of the assignments from my online course “Bauhaus Coding Workshop” available on […]

Stream: Interactive Grid System

Hey! In this recording of my very first YouTube-livestream i explain how to create an interactive visual system with Processing. […]

The Hidden Benefits of Learning to Code

I have chosen a very focused path for myself in the last few years and have concentrated fully on learning […]

My Story (part 2 – told at Taaalks Conference 2020)

This is a recording of my presentation at the TAAALKS conference. The yearly event covers the intersection of design and […]

New Course: Bauhaus Coding Workshop

I am very happy to be able to publish my new course “Bauhaus Coding Workshop” today! This course is a […]

Learnings from the Bauhaus about Art and Technology

We live in an unbelievable time: never before have there been so many innovations in such a short period of […]

Constants & Variables

A few months ago, Philip Jursch and Dogu Kaya interviewed me for their Master Thesis titled “Constants & Variables” at […]

My Story (Part 1)

My personal journey from a design-student to a creative coder.

Processing-Tutorial: Rasterize 3D

In this tutorial I show you how to create abstract 3D portraits from any image file. Here you will learn […]

Processing-Tutorial: Image-Rasterizer

Level: Beginner & intermediate In this tutorial i’ll guide you through all the necessary steps to rasterize an image with […]

p5studio

A prototype for a browser-based design-application, built with p5.js and vue.js.

Lifeline

A time in space-experience

Processing-Tutorial: Kinetic Typography 1

In the last years i’ve observed a new tendency in typography and graphic design which has been made possible by […]

My 10 favorite Processing-libraries

So called “libraries” extend the functionality of the software-development-enviroment Processing. Please handle those extensions with care: If you are a […]

4 alternative, free and well-curated resources for images, fonts and data

I passionately collect a special kind of media in a huge dropbox-folder: Resources that are free to use, not copyrighted […]

Processing or p5.js? My opinions

In this video i share my opinions about the benefits of p5.js and Processing. I also talk about how i’ve […]

Programming Posters

Creative Coding in the realms of Graphic Design

Instagram-Live with Lena Weber

I met Lena Weber at a workshop at International Assembly, after that we became friends and she helped me over […]

Digital Impact @ Disseny Hub

A few days ago, I visited the Disseny Hub in Barcelona to see the exhibition “Digital Impact”. On the website, […]

Stream: trustTheProcess(4) – Data Stream

2023-08-03 In this episode I have been looking at String Methods in p5.js, or rather in Javascript. Originally I wanted […]

A conversation with Raphaël de Courville

A few weeks ago I had the honor to meet Raphaël de Courville in person at the audivisual jam at […]

Stream: trustTheProcess(3) – ASCII Blobs

2023-07-20 Today I share the edit of the third episode of my trustTheProcess() livestreams with you. In it I rebuilt […]