6 Web layout and composition
This chapter covers
- The basic layout fundamentals of creating a website’s structure
- How to create and use grids to create consistency and familiarity
- How to apply visual design principles when laying out sections and place components to create hierarchy and rhythm
- Different user reading patterns that can affect a page’s layout
Until the mid 2010s, the web technology available to developers to easily create unique and interesting layouts using only HTML and CSS was limited. If you did any sort of web development that involved building the structure of a website in the early 2000s, you probably had your CSS utility classes for specific layout fixes like clearing floats and vertically aligning items. CSS was fine for ...
Get Design for Developers now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.