Here are the examples for Chapter 10, which looks at how to create page layouts.
ch10_eg01.html | Controlling font sizes using ems |
ch10_eg02.html | Controlling font sizes using pixels |
ch10_eg03.html | Specifying fonts |
ch10_eg04.html | Line height |
ch10_eg05.html | Vertical or baseline grids |
ch10_eg06.html | Sitting headings on baseline grids |
ch10_eg07.html | Aligning other items to baseline grids |
ch10_eg08.html | Spacing between letters |
ch10_eg09.html | Adding white space for cleaner design |
ch10_eg10.html | Using white space for chunking |
ch10_eg11.html | A menu created using an unordered list |
ch10_eg12.html | Text links |
ch10_eg13.html | A CSS sprite |
ch10_eg14.html | Adding Google search |
ch10_eg15.html | Table design |
ch10_eg16.html | Select box or radio buttons |
ch10_eg17.html | Using fieldset elements to group sections of a form |
ch10_eg18.html | Implicit labels |
ch10_eg19.html | Explicit labels using the <label> element |
ch10_eg20.html | How to label for radio buttons and checkboxes |
ch10_eg21.html | Keeping relevant labels next to form controls |
ch10_eg22.html | Tables and labels |
ch10_eg23.html | The title attribute |
ch10_eg24.html | Large text text inputs |
Try it out | A registration form |
Exercise | A second page of a registration form |