Book 1 · Available now
Animals
10 animal challenges, 10 HTML/CSS lessons
</> Ages 6–11 · Book 1 out now
Learn to code with color!
Color Coded is a coloring book series where every crayon stroke teaches a little bit of HTML and CSS. No screens, no logins — just paper, color and real code.
- 10
- animal challenges
- 10
- HTML/CSS lessons
- 0
- screens needed
Real CSS. Real crayons.
The stylesheet on the page isn't decoration — it's the instruction sheet. Children read the selector, find the matching shape in the drawing, and color it with the value the code asks for. By the end of a book, CSS syntax feels like a familiar friend.
- ✓Selectors
- ✓color & background-color
- ✓Classes & ids
- ✓Nesting basics
owl.css
h1 {color: blue;}.star {color: yellow;}.owl-body {color: brown;}.leaves {color: green;}.sky {color: light blue;}Three steps per page
1
Read the stylesheet
Each page starts with a few friendly lines of real CSS printed right next to the drawing.
2
Match the selector
Every shape is labelled with a class or id — .leaves, #sun, .owl-body — just like in a real website.
3
Color it in
The value tells you which crayon to grab. Finish the page and you've read your first stylesheet.
One series, many worlds
Each edition keeps the same method and swaps the theme — and the lessons level up.
Book 2 · Coming soon
Space
Rockets, planets and pixel-perfect night skies
Book 3 · Coming soon
Transportation
Trains, planes and boats built from boxes
Book 4 · Coming soon
Countries
Flags, landmarks and a trip around the globe
Start with Animals
10 animals, 10 lessons, and a whole new way to meet code. Perfect for young learners, classrooms and rainy afternoons.
Get Book 1