WEB STANDARDS CREATIVITY

262
Croft, Jeff, 109
CSS (Cascading Style Sheets)
accessibility and, 246, 250
browsers and, 89
building for sample project, 141–152
CMS and, 25–49
CSS selectors and, 38
ems and, 164
expanding/collapsing content and, 230
print links and, 203
print styles and, 197
resolution-dependent layouts and, 216–221
sectioning pages and, 185
structuring, 55
typography and, 157–180
WorrySome.net and, 88–23
CSS patches, 55
CSS selectors, 38, 88
JavaScript and, 107
WorrySome.net and, 80
CSS universal selector (*), 140
cursors, 231
D
dd element selector, 21
default styles, 89
definition descriptions (dd), 21
definition lists, 21
definition terms (dt), 21
descendant selectors, 7, 18, 39
design
grid systems and, 132–154
pen and paper, 136
WorrySome.net site and, 79–107
devices, 210
Dirty Pretty Things logo, 10
tag. See divs
div#container, 91
divs, 7, 139
tag. See dl element selector
dl element selector, 21
document.documentElement.clientWidth, 220
DOM scripting, printing page sections and, 184–206
drag-and-drop event listeners, 231
dragHotspots array, 233, 236
dragTarget global variable, 233
drop caps, 170
tag. See dt element selector
dt element selector, 21
dynamic interfaces, JavaScript and, 209–241
dynamic properties, 58
E
easy clearing method, 36, 59
elastic layouts, 161
element-naming conventions, 86
element.offsetParent, 234
element selectors, 38
ems, 139, 164
event.cancelBubble, 228
expanding/collapsing content, 226–230
exposed state, navigation and, 248, 250
F
Featherstone, Derek, 243
Firefox
drop caps and, 171
extensions for, 84
PNG transparency and, 126
first-letter pseudo-element selectors, 171
first-line pseudo-element selectors, 178
fixed layouts, 139
fixed-width grids, 134, 144
fixed-width layouts
line length and, 162
resolution-dependent layouts and, 216
Flash, 5, 25–49
flexible layouts, 139
flexible-width layouts, 53
overriding, 71
resolution-dependent layouts and, 216
floats, 58, 88, 93
accessibility menu and, 148
branding and, 149
clearing, 36
columns and, 146
masthead and, 147
services menu and, 148
footers, 98, 137
information-rich, 244
divided into sections, 249
G
Georgia type face, 158–178
getBrowserWidth() method, 219, 223
getElementsByTagName() method, 241
getPosition() method, 233
ghost tag, reorganizing modules and, 234–237
ghostMarker property, 237
ghostMarket tag, 237
GIF images, 110
global reset style sheet (Yahoo), 140
Global White Space Reset, 140
Golden Section, 132
gradients, 111
grid systems, 132–154
fixed-width, 134, 144
history of, 132
Gustafson, Aaron, 184
gutters, 139