Layouts

Abstract

This chapter shows how to create fluid layouts, which automatically adapt to different devices, fonts, widths, and zoom factors. These design patterns are accessible, modular, and easily customized. The dynamic patterns use open source JavaScript libraries to attach event handlers to elements. This allows you to create dynamic effects without putting a single line of JavaScript in your document! The libraries use CSS selectors to determine which elements to process in response to events, and they can modify the class attribute of elements so your stylesheet has complete control over how events dynamically style an element.