Bulletproof Web Design: Improving flexibility and protecting against worstcase scenarios with XHTML and CSS [Electronic resources] نسخه متنی

Index

[SYMBOL]
[A]
[B]
[C]
[D]
[E]
[F]
[G]
[H]
[I]
[J]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[V]
[W]
[X]
[Z]

relative length units 2nd

relative-size keywords, defined

rollovers

rounded-corner boxes 2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th

attaching 2nd 3rd 4th

fluid-width boxes 2nd 3rd 4th 5th 6th 7th 8th 9th

BrowseHappy Web site example 2nd

image strategy 2nd 3rd

markup structure 2nd

styles, applying 2nd 3rd 4th 5th

Netflix example, common approach 2nd 3rd

Netflix example, re-design of 2nd 3rd 4th 5th 6th

image strategy 2nd

markup structure 2nd

styles, applying 2nd 3rd

Netflix example, shortcomings

Netflix example, vertical flexibility of re-design

rounded-left.gif

rounded-right.gif

background images and

rounded-corner boxes and

rows

background, adding to
[See expandable rows]

code bloat and
[See expandable rows]

color and

adding to text
[See expandable rows]

alternating
[See expandable rows]

background color, adding
[See expandable rows]

background color, in row corners
[See expandable rows]

corners of

four rounded corners
[See expandable rows]

rounded corners
[See expandable rows]

dividing lines, adding
[See expandable rows]

fixed row height
[See expandable rows]

graphics and

adding
[See expandable rows]

non-essential in Best Store Ever example
[See expandable rows]

line padding for dividing rows
[See expandable rows]

message rows
[See expandable rows]

styles of, identifying elements for
[See expandable rows]

width of, and CSS2.0 spec
[See expandable rows]

rules

adding for <dt> elements

be nice to Opera rule

clear: both; rule

clear: left: rule

display: block; rule 2nd 3rd 4th

display: inline-table; rule

display: inline; rule

list-style: none; rule

min- and max-width rules

text-align: center; rule

Rutter, Richard