The guide, and the template
Make an Interactive Book
In One Afternoon
How the books on this shelf are written: a folder of plain HTML chapters, a few sliders, and one rule about numbers. Copy this book and replace its words with yours.
5 chapters · about 0.6 hours · 5 interactives · a little HTML helps
How to read this book
- Read chapter 1, then copy the folder. This book is the template. Its source is the example.
- Keep the page source open. Every component on screen is shown next to the HTML that made it.
The guide
01A book is a folderWhat an interactive book is made of, and how to have your own on screen in five minutes.6 min · interactive02Writing a chapterEvery building block of a chapter, shown on screen next to the HTML that made it.9 min · interactive03Making an interactiveThe 25-line pattern behind every slider on this shelf: state, controls, a draw function, and the arithmetic shown in the open.10 min · interactive04The voice, and the loop that improves itHow to write so that anyone can follow, and how to find out where they still cannot.8 min05Check and publishTwo commands that catch what you cannot see, and how a finished book reaches the shelf.5 min