Flexible Web Design: Creating Liquid and Elastic Layouts with CSS

Front Cover
Peachpit Press, Apr 16, 2010 - Computers - 336 pages
0 Reviews
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

We haven't found any reviews in the usual places.

Contents

CHAPTER 1 Understanding Flexible Layouts
1
CHAPTER 2 How to Design Flexible Layouts
23
CHAPTER 3 Preparing Your Design for Construction
61
CHAPTER 4 Building Liquid Layout Structures
85
CHAPTER 5 Building Elastic Layout Structures
133
CHAPTER 6 Putting Limits on Flexibility
165
CHAPTER 7 Creating Spacing for Text
209
CHAPTER 8 Adding Background Images and Color
249
CHAPTER 9 Creating Flexible Images
285
Index
313
Credits
325
Copyright

Other editions - View all

Common terms and phrases

About the author (2010)

Zoe Mickley Gillenwater is an experienced web designer, project manager and technical author, active in the web standards community. She uses her expert knowledge of CSS, XHTML, Dreamweaver, accessibility, and visual design in all aspects of her career. Zoe leads the design and development efforts of dozens of information-rich web sites and applications. Her work has focused on creating web sites that combine beautiful aesthetics with standards compliance, usability, and accessibility best practices.

Bibliographic information