PrintableCharts

Charts for people who write code

These are not tutorials. They are the things you know perfectly well and still look up: which redirect preserves the method, what flex: 1 actually expands to, whether a change is in the working tree or the index, how many bytes someone means by a gigabyte.

HTTP status codes are grouped by class rather than listed in numeric order, because that is how they are reasoned about. Flexbox is split into what belongs on the container and what belongs on the item — the distinction people actually get wrong. The Git sheet draws the places a change can be sitting between your editor and the remote. And the data units sheet runs from the bit upwards, where the same word keeps meaning two different numbers.

They belong on the wall of a study or a small office: the kind of reference you glance at without breaking a train of thought to open a browser tab.

BITS, BYTES, KILOBYTES

BITS, BYTES, KILOBYTES

two scales · 1000 and 1024 · why a drive looks smaller

$1.50
CSS FLEXBOX

CSS FLEXBOX

main axis and cross axis · which property belongs to which

$1.50
FLOWCHART SYMBOLS

FLOWCHART SYMBOLS

10 shapes, and one algorithm drawn with them

$1.50
GIT WORKING AREAS

GIT WORKING AREAS

four areas · the command that moves code between them

Free
HTTP STATUS CODES

HTTP STATUS CODES

five classes · twenty codes you meet every day

$1.50
THE SELECT STATEMENT

THE SELECT STATEMENT

8 clauses in the order you write them — and the order they take effect in

$1.50
1–6 of 6Per page122448

Browse the whole catalogue