Introduction -- 1: Flexible Text -- Size text using keywords and percentages or ems to allow user control and maximum flexibility -- Common approach -- Weighing our options -- Bulletproof approach -- Why it's bulletproof -- Flexible base: now what? -- Working with keywords and percentages -- Flexible text using ems -- Summary -- 2: Scalable Navigation -- Provide site navigation that scales to any text size or content amount -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- Variation using ems -- Additional examples -- Summary -- 3: Expandable Rows -- Resist specifying height and plan for vertical expansion of horizontal page components -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- Another example of expanding -- Summary -- 4: Creative Floating -- Use floats to achieve grid-like results -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- Summary -- 5: Indestructible Boxes -- Plan for the unknown when constructing styles boxes -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- Other rounded-corner techniques -- Box hinting -- Summary -- 6: No Images? No CSS? No Problem! -- Ensure that content is still readable in the absence of images or CSS -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- With or without style -- Dig dug test -- Bulletproofing tools -- Summary -- 7: Convertible Tables -- Strip the presentation from data tables, and refinish with CSS -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- Summary -- 8: Fluid And Elastic Layouts -- Experiment with page layouts that expand and contract -- Common approach -- Why it's not bulletproof -- Bulletproof approach -- Why it's bulletproof -- Em-based layouts -- Summary -- 9: Putting it all together -- Apply bulletproof concepts to an entire page design-- Goal -- Why it's bulletproof -- Construction -- CSS adjustments for IE -- Conclusion -- Index.
Summary:
From the Publisher: No 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 Design, 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 successful 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.
This resource is supported by the Institute of Museum and Library Services under the provisions of the Library Services and Technology Act as administered by State Library of Iowa.