The Web Design Playground book contains a ton of HTML and CSS code. As a general rule, you’ll learn these subjects in a deeper way if you type the examples by hand (this gives you what I call a “fingertip feel” for the code). However, I understand that you’re a busy person who might not have the time to type out each example. To help, the Web Design Playground offers links to every lesson from the book. When you select a lesson, you see an introduction followed by one or more examples and then one or more activities that help you learn the lesson material. In each case, the code appears automatically and you can play around with it as you see fit.

Here are the steps to follow to load a lesson:

1. Click Menu (☰) on the right side of the toolbar. In the menu that appears, the Book Lessons section contains an item for each chapter in the book.
2. Click the chapter that contains the lesson you want to load.
3. In the submenu that appears, click the lesson you want. The lesson introduction appears.
4. Click the Next Activity button. The lesson example’s HTML tags and text appear in the HTML Editor, while the example’s CSS code appears in the CSS Editor.
5. Click Next Activity to work through the activities for the lesson.