Pixactly — a pixel-dimension estimation game
Draw a rectangle to match a target width and height by eye, then review your accuracy across five rounds.
Resources
Discover useful things. Build your library. Share your finds.
All resources 8
The Boolean Game — vector shape puzzles
A free browser game for practicing boolean operations: combine basic shapes to recreate target silhouettes in puzzles of increasing difficulty.
Color — a color-matching practice game
A timed browser game for matching target colors and practicing hue, saturation, complementary, analogous, triadic and tetradic color relationships.
Kern Type — a kerning practice game
A free browser game for developing an eye for letter spacing: reposition letters, receive a score and compare your result with a reference solution.
Can't Unsee — an eye-training game for interface details
Compare similar interfaces, choose the stronger option, and practice noticing spacing, typography, alignment and icon details.
Flexbox Froggy: learn CSS Flexbox through play
A free browser game with 24 CSS puzzles. Guide frogs onto their lily pads while learning flex alignment, item order, direction and wrapping.
The Bézier Game — pen-tool and curve practice
A free browser game for tracing outlines with anchor points and control handles while using as few nodes as possible.
It's Centred That — Designer Eye & Centering Game
A free browser game for designers where you decide whether a dot is really positioned in the exact center of a shape.