FRENAR
Interactive Workshop

Interaction Design — Interactive Pieces

The fundamental patterns of interaction design: timing, physics, feedback, affordance. Manipulate each concept in real time.

N°07

Easing Editor

Interactive cubic-bezier. Sculpt motion.

CSS/Canvas
N°08

Drag Physics

Spring vs inertia. Two physics, two feels.

Vanilla JS
N°09

Micro-interactions

6 button state patterns. Trigger → feedback → loop.

CSS/JS
N°10

Affordance

The visual promise of an action. Before/after compare.

CSS
N°11

Progressive Disclosure

Reveal complexity in layers. Optimal cognitive load.

CSS/JS
N°12

Gesture Trail

Your gesture made visible. Velocity, acceleration, curvature.

Canvas 2D

Master the fundamentals of interaction design

Book a session