Coding

Card image cap

Google Colab

Google Colab Notebooks are documents where you can mix notes and Python code.

They are brilliant for creating teaching resources, or, working on a project where you are figuring it out as you go, because you can create little fragments of code, and run them one at a time.


Card image cap

JSON Editor

View JSON data as a tree. Very useful.

Card image cap

PlayCode

Really nice REPL for lots of languages which might be useful for teaching or learning coding.

Card image cap

Webmaker App

Online live playground

Card image cap

NestUp

Nestup is an experimental markup language for musical rhythms. It's specifically designed to break away from a fixed musical grid. The name is a contraction of nested tuplets, which are hard to program on a piano roll but easy to notate with Nestup.


Card image cap

Isadora

Visual coding to create amazing visual effects and project mapping projects.


Card image cap

MIT AppInventor

Create mobile apps using "block-coding"

Card image cap

Nimp.app

Nimp is like Apple Quartz Designer, or Touch Designer. A web-based flow diagram image editor. Interesting.

Lots of high end GLSL graphics tools use this model to create special effects, this tool might be a good introduction to the concepts.


Card image cap

Nodes

A visual flow-based coding tool for generative art.


Card image cap

Glitch

Fork, hack and host your projects. Learn from other people's code

Card image cap

MotifN

Really Interesting Javascript-based live-coding music site.

Card image cap

Handel

Handel is a small procedural programming language for writting songs in browser.


Card image cap

Dabblet

Live hacking of CSS code. Greate for learning.


Card image cap

BitBox

Designed for kids (and very like p5js), BitBox is great for learning coding. It has lots of "stamps" and sounds built in.


Card image cap

Mr Data

Convert tabular data (.csv) into json

Card image cap

Liveweave

Like JSFiddle, great for learning HTML/CSS/JS

Card image cap

GSN Composer

Visual node-based graphics editor


Card image cap

p5 Brush

Library for p5js to create interesting paint tools

Card image cap

Arcade Makecode

A block-coding/javascript tool (like Scratch) aimed at creating games for things like Raspberry Pi (small computers)

Card image cap

VidCode

A site to learn how to code


Card image cap

PraxisLive

Visual creative coding.


Card image cap

Livecode

Fabulous tool to create mobile and desktop apps, like Powerpoint but with code.


Card image cap

Shader Frong

Create complex GLSL special effects shaders, without coding.

Card image cap

Flyde

Visual coding for web developers

Card image cap

Orca

"Esoteric" generative music coding tool. Can be a challenge to set up, it works with midi, but is so intriguing to use.


Card image cap

Shader Booth

Environment to code GLSL shaders.


Card image cap

p5js Editor

Online editing of Processing projects

Card image cap

Glisp

Web-based creative coding environment. But this one uses the LISP programming language.


Card image cap

Oh My Git

A game to teach GIT


Card image cap

Cyril

Create audio visualisations with simple coding. Perfect for a VJ because audio-responsive code is built in.


Card image cap

Meerkat

Python tool for data wranging of .csv files


Card image cap

Godot Engine

Free, open source games development environment. One day, I'll get round to having a go with Godot.


Card image cap

Collection of ML Tools for Art

Great collection of Machine Learning for Art projects, all with code samples.


Card image cap

PocketBase

Small database for Javascript dev... looks like it might be powerful and useful to use on Glitch.com. It's SQLite under the hood but has things like authentication which appeals to me as a hobby dev.

Card image cap

OctoStudio

Fabulous Scratch-based authoring system (on mobile) that has better connection to the devices gyroscope, camera, light etc.

Card image cap

IdFlood

Visual creative coding

Card image cap

Pts.js

A Javascript-based creating coding framework.


Card image cap

Konbert

Convert JSON to SQL. Upload your JSON data, specify how you want your data to be mapped and they will convert it to a SQL file. Amazing


Card image cap

Workbench

Visual coding of connected devices (including Google Sheets)

Card image cap

Wekinator

Machine Learning Controllers


Card image cap

Scratch

No better place to start learning to code than with Scratch.


Card image cap

Pinecone

A web app making flatform that hosts from node.js, but your code is pure Python. Interesting.


Card image cap

Meemoo

Interesting Lenticular project, like Holbein's anamorphic skull, using a really interesting visual programming tool, Meemoo. 


Card image cap

Mosiac

Mosaic is a visual thinking toolkit made by artists, for artists. It is a visual patching creative-coding tool.


Card image cap

Processing

Loved by data scientists and artists, this editor lets you code fabulous things


Card image cap

Turtle Toy

Make arty visualisations and learn Javascript at the same time.

Card image cap

Tynker

A coding-for-kids environment, with Scratch-like block coding, or indeed Javascript and Python for more ambitious projects. Also has "Parent" mode. Free 


Card image cap

Faust Playground

Start audio processing with a flow diagram like language in the browser. OMG! Amazing!


Card image cap

Hyperscript

With some Hypercard influence (if you can even have that in a markup language)... this looks very interesting... A coding framework for making web pages that sees the return of me and it. I made this in no time at all.

Card image cap

CodeConvert

These tools never work. This one worked perfectly, converting a few pages of Javascript with Cheerio code, to Python with BeautifulSoup code.

Card image cap

P5Live

Live code P5.js code

Card image cap

Regexer

LIve editing of regular expressions.


Card image cap

ReplIt

Online coding in various languages and environments


Card image cap

Pure Data

Pure data is a visual programming tool to manipulate audio, images and videos. This is the free alternative to Max/MSP.


Card image cap

Blockly Games

Visual coding lessons

Card image cap

Stamper for p5js

A modular and visual way to edit p5js code.


Card image cap

Codeshare

Nice code editor that you can live code with other people, and chat as you all type.


Card image cap

WordsAPI

A really power API for getting words to generate stories etc.


Card image cap

StriveMath

Really interesting collaborative Processing (but the Python version) code editor. Useful for teaching?

Card image cap

ml5js

Machine Learning For The Web


Card image cap

Hydra

Crazy livecoding tool for visual effects. Learn a few functions, chain them together, and boom! Crazy!


Card image cap

Rivet

Visual programming tool. I've had a play with this and realised it's a nice dataflow tool, that has both plugins, like being able to execute Pythin code and the ability to call/use AI APIs.

Card image cap

Easy Lang

EasyLang is a web-based programming language that is simple and doesn't have arbitrary syntax.

This is how Python started, a language to help people learn coding. Really excellent.


Card image cap

Luna

Visual coding tool. Data-processing language.


Card image cap

OpenProcessing

See fab visualisations and animations and begin hacking them.


Card image cap

Refiddle

Learn how Regexs work


Card image cap

Faust

Fairly complex programming for Digital Signal Processing (making crazy sounds)

Card image cap

MIT App Inventor

MIT App Inventor is a block-coding tool with which you can create downloadable Android applications as .apk files, FOR FREE!

 


Card image cap

Thunkable

Create mobile apps using "block-coding"


Card image cap

JSFiddle

Live hacking of HTML/CSS/Javascript

Card image cap

Machine Learning For Kids

Lots of worksheets to do really amazing projects with machine learning and Scratch!


Card image cap

Example of Orca Being Played

Orca is a fantastic. spreadsheet-like way to code music.


Card image cap

Esoteric Codes

An incredible collection of really unusual coding things.


Card image cap

Experiments With Google

Cool things from Google

Card image cap

MIT App Invention of the Month

A gallery of great apps and games made with MIT App Inventor, and the best thing is, you can look at the code to see how they did it, or remix an app to make your own version.


Card image cap

Made With Twine

Interactive narrative games made with Twine. Go play with these then make your own.


Card image cap

Fantastic List of Generative Tools

From creating maps, to languagues, to dungeons or artwork, this list has lots of generative tools to help you.

There are end-user tools, code frameworks, free tools, paid tools and lots I'd never heard of.


Card image cap

The Life And Times of Yahoo Pipes

Yahoo pipes, a visual data plumbing tool was one of the really cool tools/ideas of the dotcom era. You can see a little of it in Orange3 or Enso (check them out too).

Card image cap

Exhibition of Processing projects

Over 14 pages of cool projects made with Processing

Card image cap

That Creative Code Page

A lovely collection of the common algorithms used for lots of creative coding pieces.


Card image cap

Jer Thorp - Data Artist

Creator of so many interesting projects and ideas.

Card image cap

The HTML Review

Interesting poetry meets coding site.

Card image cap

Three.js

Three.js is code to help create web 3D. Explore the creations people have made with Three.js.

Card image cap

Collection of Visual Programming Languages

Amazing collection of visual coding tools


Card image cap

Scratch Gallery

Scratch is an amazing block-coding tool, a place where kids learn all they need to know about coding concepts. It's amazing what you can do with Scratch, go explore and have fun.


Card image cap

HackPact

Lots of sonification examples.


Card image cap

Lauren presents p5js

Lauren both introduces the making of p5js and demonstrates how totally cool p5js is, highlighting some of it best features.


Card image cap

Best Thunkable Apps 2019

Nice list of the sorts of apps you can make with the block-coding (like Scratch) tool, Thunkable.


Card image cap

Livecoding with FoxDot

Livecoding session. Watch people make music with code....LIVE!


Card image cap

List of Text Editors

Choosing a text editor for coding is a very personal choice. Some have "too many" features, others are too simple. You may need to try more than a few to find one that you like working in, but it's not until you start on an actual project, that you'll be really able to tell.


Card image cap

30 Days of Python

Brilliant collection of python examples.


Card image cap

MIT App Inventor Extensions

Thunkable is based on a very similar free tool call MIT App Inventor. Because lots of people create Extensions for it, that also work with Thunkable, you can find extra code, called Extensions which do everything from rotation detection, to sound analysis, to QR code recognition and connecting to other devices.


Card image cap

DBPedia

Structured data from the web

Card image cap

Data.gov.uk

Find data published by central government, local authorities and public bodies to help you build products and services

Card image cap

Kaggle

Data to download