Flexbox Froggy
Learn CSS flexbox by guiding frogs onto lily pads. Twenty-four levels and it finally sticks.
- Learn
- Open source
- flexboxfroggy.com
- Category
- Learn
- Price
- Open source
- Address
- flexboxfroggy.com
- Added
- Tags
Websites like Flexbox Froggy
-
Grid Garden
The same trick as Froggy, but for CSS grid. Water your carrots with grid-column-start.
- Learn
- Open source
- cssgridgarden.com
-
Learn Git Branching
The best way to finally understand rebase: an animated, level-based sandbox for real git commands.
- Developer
- Open source
- learngitbranching.js.org
-
CSS Battle
Recreate a target image in as few bytes of CSS as possible. Competitive, humbling, weirdly addictive.
- Design & Type
- Freemium
- cssbattle.dev
-
BetterExplained
Maths taught the way it should have been the first time: intuition and analogy first, formulas afterwards. The essays on e and the Fourier transform are the classics.
- Learn
- Free
- betterexplained.com
-
Red Blob Games
Amit Patel’s interactive explainers on pathfinding, hex grids, noise and map generation. The A* article alone has taught a generation of game programmers.
- Learn
- Free
- redblobgames.com
-
Seeing Theory
Probability and statistics taught as things you drag: sample from a distribution, watch a regression line settle, see the central limit theorem happen in front of you.
- Learn
- Free
- seeing-theory.brown.edu
