Code recipes
Small recipes. Real understanding.
Six complete examples to explore, read and adapt for your own learning.
Each recipe includes a working preview, every line of source, a complete ZIP and an exercise. Everything needed by the examples is supplied locally; no account or external service is required.
A gallery that finds its own columns
Let image cards fit the space, with useful captions and stable image dimensions.
Try, read, understand →02A form that explains its errors
Practise validation, inline messages and focus without sending anything.
Try, read, understand →03A dialog with a way back
Open a native modal dialog and keep keyboard focus understandable.
Try, read, understand →04A table that keeps its meaning
Keep row and column relationships while allowing a wide table to scroll.
Try, read, understand →05Cards that filter and sort
Combine a local text filter with explicit alphabetical and numerical ordering.
Try, read, understand →06A missing page with a little orbit
Build an original 42 error-page composition with brief, optional motion.
Try, read, understand →New to debugging? Start with Find the bug. For earlier complete examples, visit Practice projects.