Book 1 · Available now
Animals
10 animal challenges, 10 HTML/CSS lessons
</> Ages 5+ · 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.
The sandbox challenges are written by hand. If you spot a mistake, please email us at hello@colorcoded.fun.
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