A free, open tutorial site for creative coding — built with Jekyll and hosted on GitHub Pages.
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.
| Topic | Status | Articles |
|---|---|---|
| p5.js | Live | 40 |
| Processing | Live | 40 |
| Bare Conductive | Live | 36 (4 in progress) |
| TouchDesigner | Live | 40 |
- 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 operators, ML, large-scale installations, and performance engineering.
git clone https://github.com/JoeMighty/CreativeCoding.git
cd CreativeCoding
bundle install
bundle exec jekyll serveThen open http://localhost:4000/CreativeCoding/ in your browser.
├── _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
├── processing/
│ ├── 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
├── touchdesigner/
│ ├── starter/ # 10 articles
│ ├── beginner/ # 10 articles
│ ├── intermediate/ # 10 articles
│ └── expert/ # 10 articles
└── _config.yml
Created by