Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
By embracing Web standards, we can still create compelling designs that at the same time are flexible and ready for whatever situation is thrown at them. This is Bulletproof Web Design.
Bulletproof Web Design:
Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
Introduction
Chapter 1. Flexible Text
- A Common Approach
- Weighing Our Options
- A Bulletproof Approach
- Why It's Bulletproof
- A Flexible Base. Now What?
- Working With Keywords and Percentages
- Summary
Chapter 2. Scalable Navigation
- A Common Approach
- Why It's Not Bulletproof
- A Bulletproof Approach
- Why It's Bulletproof
- Additional Examples
- Summary
Chapter 3. Expandable Rows
- A Common Approach
- Why It's Not Bulletproof
- A Bulletproof Approach
- Why It's Bulletproof
- Another Example of Expanding
- Summary
Chapter 4. Creative Floating
- A Common Approach
- A Bulletproof Approach
- Why It's Bulletproof
- Summary
Chapter 5. Indestructible Boxes
- A Common Approach
- Why It's Not Bulletproof
- A Bulletproof Approach
- Why It's Bulletproof
- Other Rounded-Corner Techniques
- Summary
Chapter 6. No Images? No CSS? No Problem
- A Common Approach
- Why It's Not Bulletproof
- A Bulletproof Approach
- Why It's Bulletproof
- With or Without Style
- Bulletproof Tools
- Summary
Chapter 7. Convertible Tables
- A Common Approach
- Why It's Not Bulletproof
- A Bulletproof Approach
- Why It's Bulletproof
- Summary
Chapter 8. Fluid Layouts
- A Common Approach
- Why It's Not Bulletproof
- A Bulletproof Approach
- Why It's Bulletproof
- Summary
Chapter 9. Putting It All Together
- The Goal
- Why It's Bulletproof
- The Construction
- CSS Adjustments for IE
- Conclusion
Each chapter of the book describes a certain bulletproof guideline. We'll start by looking at an existing design from the Web, and we'll note why it isn't bulletproof. We'll then rebuild the example using XHTML and CSS, with the goal of improving its flexibility and decreasing its code.
Many of these examples are specific components of the page, which makes it easier to talk about how they might be bulletproofed in chunks. In the final chapter, "Putting It All Together," we'll round up all of the techniques from previous chapters to create a full-page templatereminding ourselves along the way why we've chosen the bulletproof techniques, and illustrating how they all can work together in one place.
The step-by-step nature of each chapter's examples should make it easy to follow alongeven if you are new to using XHTML and CSS in your daily work. Along the way, I'll explain why these Web standards are beneficial, and specifically how each chapter's guideline can improve a Web site's bulletproofness.