Creative Coding Tutorials

A free, open tutorial site for creative coding — built with Jekyll and hosted on GitHub Pages.

---

About

A structured tutorial site covering creative coding tools across four skill levels — Starter, Beginner, Intermediate, and Expert. Tutorials include working code examples, copy-to-clipboard on every code block, and full sidebar navigation.

Topics

Topic	Status	Levels
p5.js	Live	Starter · Beginner · Intermediate · Expert
Bare Conductive	Live	Starter · Beginner · Intermediate · Expert
Processing	Coming soon	—
TouchDesigner	Coming soon	—

Skill Levels

• Starter — No experience needed. Covers setup, first interactions, and core concepts.
• Beginner — Assumes you've completed Starter. Introduces programming patterns and creative techniques.
• Intermediate — For comfortable coders. Covers MIDI, OSC, shaders, physics, and hardware integration.
• Expert — Advanced topics: custom firmware, ML, large-scale installations, and performance engineering.

Running Locally

git clone https://github.com/JoeMighty/CreativeCoding.git
cd CreativeCoding
bundle install
bundle exec jekyll serve

Then open http://localhost:4000/CreativeCoding/ in your browser.

Structure

├── _layouts/
│   ├── default.html      # Main site shell (header, sidebar, footer)
│   └── tutorial.html     # Article layout (breadcrumbs, prev/next nav)
├── assets/
│   ├── css/style.css     # Custom dark theme
│   └── js/main.js        # Sidebar accordion + copy-code buttons
├── p5js/
│   ├── starter/          # 10 articles
│   ├── beginner/         # 10 articles
│   ├── intermediate/     # 10 articles
│   └── expert/           # 10 articles
├── bare-conductive/
│   ├── starter/          # 10 articles
│   ├── beginner/         # 10 articles
│   ├── intermediate/     # 6 articles + coming soon
│   └── expert/           # 5 articles + coming soon
└── _config.yml

Created by

JoeMighty