Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, Second EditionNo matter how visually appealing or content-packed a Web site may be, if it's not adaptable to a variety of situations and reaching the widest possible audience, it isn't really succeeding. In Bulletproof Web Desing, author and Web designer extraordinaire, Dan Cederholm outlines standards-based strategies for building designs that provide flexibility, readability, and user control--key components of every sucessful site. Each chapter starts out with an example of an unbulletproof site one that employs a traditional HTML-based approach which Dan then deconstructs, pointing out its limitations. He then gives the site a make-over using XHTML and Cascading Style Sheets (CSS), so you can see how to replace bloated code with lean markup and CSS for fast-loading sites that are accessible to all users. Finally, he covers several popular fluid and elastic-width layout techniques and pieces together all of the page components discussed in prior chapters into a single-page template. |
Contents
CHAPTER TWO Scalable Navigation | |
CHAPTER THREE Expandable Rows | |
CHAPTER FOUR Creative Floating | |
Plan for the unknown when constructing styled boxes | |
Why Its Bulletproof | |
Ensure that content is still readable in the absence | |
Strip the presentation from data tables and refinish with | |
Experiment with page layouts that expand and contract | |
Other editions - View all
Bulletproof Web Design: Improving Flexibility and Protecting Against Worst ... Dan Cederholm No preview available - 2006 |
Bulletproof Web Design: Improving Flexibility and Protecting Against Worst ... Dan Cederholm No preview available - 2008 |
Bulletproof Web Design: Creating Flexibility with XHTML and CSS Dan Cederholm No preview available - 2005 |
Common terms and phrases
added adjust aligned amounts of content assign background color background image border bottom box’s Bulletproof Approach chapter code bloat components containing div content column create declaration default definition list Dig Dug div>s Elastic Layouts elements ensure entire example extra markup favelets Figure fixedwidth flexible floated image fluid layouts font fontsize footer gradient fade graphics gutter hacks header horizontal IE/Win inside Internet Explorer JavaScript keyword value Lance Armstrong look margins and padding markup structure message row method navigation nested tables Netflix onepixel opposing floats page’s percentage pixels position readable rounded corners screen readers selfclearing shows the results simple site’s space spacer GIF specified style sheet table cells table’s Tantek Çelik techniques text Figure text size text sizes there’s tiled image transparent twocolumn layout usability test vertically we’re Web design width XHTML