


Notes about creative coding on the web


What is Juice in software development. What is Game Feel and how it can it be used in non-game software. How software can fulfil emotional requirements. How to create software with soul. Examples of Juice on the web.

How to make a cigarette smoke effect using shaders and three.js.
How to create a 3D space using CSS. How to use the CSS perspective and perspectiveOrigin properties. How to translate, scale and rotate an element in 3D space.

How to animate a mesh across the surface of a sphere using three.js and GSAP.

What is the purpose of writing a blog post. How to choose what to write about and how to say it. The value of writing.
How to create a line drawing effect on scroll using SVG clip-path.

How to move the camera around a three.js scene as the user scrolls down the page.

Exploring the browser as a storytelling medium.
How to create a web page table of contents UI (User Interface).

What is a User Driven UI. What is the Zone of Proximal Development. Different approaches to teaching users how to use a UI. Using AI in the UI.

What are CSS blend modes. How to use background-blend-mode and mix-blend-mode. Interactive examples.
What is the View Transition API and how to use it.
What is the Intersection Observer and how to use the it.

What is software personalization. How to personalize software and the benefits to the user.

News sources for web dev. creative coders.

