The site’s homepage lists all available “books,” which are collections of code demos. The bottom of the screen and the background feature a random selection of demos.
Clicking a book reveals its “chapters.” Each chapter features a sequences of code demos. Clicking a chapter opens up its first demo in the editor view.
The site features a comprehensive code editor split into three panels: informational content, the code itself, and a live preview of the code. Users can customize the interface to suit their workflow.
DEMOLAND’s purpose is to help guide students through a series of HTML, CSS, and JavaScript demos. The site allows for easy navigation between demos within a chapter or book.
