Flexible Web Design: Creating Liquid and Elastic Layouts with CSS
Liquid or fluid layouts change width based on the user's unique device viewing size. These types of layouts have always been possible with tables but offer new design challenges as well as opportunities when built with CSS. This book, for experienced Web designers with some CSS experience, outlines how to do this successfully.
Designers will learn the benefits of flexible layouts and when to choose a liquid, elastic, or hybrid design. They will learn not only how to build a liquid layout from scratch using standards-compliant and cross-browser compatible (X)HTML and CSS, but will also learn how to design and slice their graphic comps in a way that makes flexible design achievable. This book will show designers that flexible layouts do not have to be visually boring or difficult to build when planned and built correctly. Even those who do not intend to build liquid layouts can use the concepts and techniques taught in this book to improve their fixed-width CSS designs, because they will learn how to design for the inherent flexibility of the web medium, instead of the rigid qualities of print media or table grid-based layouts.
What people are saying - Write a review
Review: Flexible Web Design: Creating Liquid and Elastic Layouts with CSSUser Review - Derek Bridge - Goodreads
It is the tight focus of this book, viz. flexible web site layout, that makes it so exceptionally useful. It banishes all the regular CSS stuff, and exclusively brings together lots of tips, tricks ... Read full review
Review: Flexible Web Design: Creating Liquid and Elastic Layouts with CSSUser Review - Zoe - Goodreads
I wrote this book, so I think it's pretty good. ;-) Read full review
CHAPTER 2 How to Design Flexible Layouts
CHAPTER 3 Preparing Your Design for Construction
CHAPTER 4 Building Liquid Layout Structures
CHAPTER 5 Building Elastic Layout Structures
CHAPTER 6 Putting Limits on Flexibility