Skip to content
    Flow-alerta.cab

    Creative Coding

    Web design & developmentprogrammed designCreative Engineering (fuzzy raw name)
    Editorially reviewed on: 1 source
    Your reading view

    The short answer · 11 words

    In short

    Use of program code to develop creative, artistic or interactive experiences.

    Flow-alerta.cab (2026): Creative Coding. https://flow-alerta.cab/en/glossar/creative-coding. Editorially reviewed on: 09 October 2026.

    How much detail would you like?

    Practical

    Relevant for independent brand appearances, interactive explanations and generative visuals.

    Example scenario: A website visualizes process data as an interactive animation whose movement the user can control.

    Define purpose and design rules, test early on mobile devices and offer understandable alternatives.

    At a glance

    Core
    For example, code creates or modifies graphics, animations, sound and interactive installations. Creative expression and exploration are in the foreground. Creative engineering is broader and inconsistent; for the creative programming context, creative coding is the more precise term.
    Use
    Relevant for independent brand appearances, interactive explanations and generative visuals.
    Example
    Example scenario: A website visualizes process data as an interactive animation whose movement the user can control.
    Limits
    Put effect before comprehensibility; ignore mobile performance; move without reduction option; provide usability only with mouse.

    Questions about this term

    Does it need AI?

    No.

    Is it just art?

    No, also communication.

    Can interaction conceal content?

    For understandable use, it should avoid this.

    All details and background

    For example, code creates or modifies graphics, animations, sound and interactive installations. Creative expression and exploration are in the foreground. Creative engineering is broader and inconsistent; for the creative programming context, creative coding is the more precise term.

    ELI5 – Explained simply

    You use code like a brush that can respond to data or movement.

    Why it matters in practice

    Relevant for independent brand appearances, interactive explanations and generative visuals.

    Example

    Example scenario: A website visualizes process data as an interactive animation whose movement the user can control.

    Pitfalls and limits

    • Put effect before comprehensibility; ignore mobile performance; move without reduction option; provide usability only with mouse.

    Origin & history

    Computer-based design has older roots; Processing was started in 2001 by Ben Fry and Casey Reas and spread creative programming.

    Use in mid-sized companies

    • Define purpose and design rules, test early on mobile devices and offer understandable alternatives.

    Related terms

    • Generative species
    • Processing
    • p5.js
    • WebGL
    • Interaction design
    • Animation

    Matching Flow-alerta service

    Websites & web applicationsWeb design & development – design independent interactive visuals with clear operation.

    Matching tool / use case

    View use casesTool: Processing or p5.js; Use Case: interactive process visualization.

    Sources

    Quellenprüfung: 09.10.2026. Definition und dokumentierte Einordnung abgeglichen; Beispiele beschreiben mögliche Anwendungen.

    Editorially reviewed on:

    Next step

    Put knowledge into practice

    Discuss your projectView use cases