13.02.2013 Views

WEB STANDARDS CREATIVITY

WEB STANDARDS CREATIVITY

WEB STANDARDS CREATIVITY

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Numbers<br />

66-character line, 161<br />

1024-pixel grids, 134<br />

Symbols<br />

$ symbol, 102<br />

* CSS universal selector, 140<br />

+ sibling combinator, 96<br />

^ substring selector, 99<br />

A<br />

A List Apart website, 134<br />

tag. See anchor tag<br />

accessibility, 104, 242–260<br />

Accessify.com, 183<br />

Adams, Cameron, 209<br />

addClass() method, 228<br />

addEvent function, 188, 201<br />

addLoadListener() method, 220, 227, 231<br />

addPrintLinks function, 189, 195, 199<br />

adjacent selectors, paragraphs and, 168<br />

adjacent sibling selectors, 96, 107<br />

:after rule, 59<br />

all caps text, 175<br />

alpha-channel transparency, 110<br />

AlphaImageLoader work-around, for Internet Explorer, 46,<br />

126<br />

alternate style sheets, 216–221<br />

anchor tag, 227, 230<br />

appendChild() method, 238<br />

article templates, 52, 66, 74<br />

attribute value selectors, 107<br />

auditory impairment, 245<br />

B<br />

background-attachment property, 11<br />

background-color property, 11, 90<br />

background-image property, 11, 90, 93, 103<br />

background images, 9, 18, 146<br />

background-position property, 11<br />

background-repeat property, 11<br />

backgrounds, 10<br />

binary transparency, 110, 112<br />

tag, 83, 103<br />

Blog Standard Stuff, 183<br />

body element, 51–76<br />

body selector, 12<br />

tag, 11, 87, 90<br />

borders, 20<br />

Boulton, Mark, 131<br />

box outs, 137<br />

branding<br />

styling, 149<br />

for WorrySome.net site, 91, 103<br />

Brill, Ryan, 54, 58<br />

browsers. See also Internet Explorer; Safari<br />

CSS and, 89<br />

legacy, 106<br />

PNG transparency and, 46, 126<br />

small-screen, 88<br />

web design and, 80<br />

window size and, 216, 219<br />

buttons, 195<br />

C<br />

canvas, 134<br />

Carter, Matthew, 158<br />

Cascading Style Sheets. See CSS<br />

Chao, Ingo, 60<br />

checkBrowserWidth() method, 219, 222<br />

child selectors, 107<br />

Clarke, Andy, 79<br />

class attribute, 62, 66, 70, 75<br />

class names, 63, 71<br />

class selectors, 38<br />

className attribute, 194<br />

clearing method, 36, 59<br />

ClearType, 178<br />

click event, 227<br />

clickExpandCollapse() method, 228<br />

cloneNode() method, 234<br />

CMSs (content management systems) , 25–49<br />

layout/styles and, 35–40<br />

markup and, 32–35<br />

typography and, 40–43<br />

cognitive disabilities, 245<br />

collapsed class, 228, 230<br />

Collison, Simon, 3<br />

color-changing icons, 123<br />

colors, 140, 111<br />

columns, 60, 68–71, 137<br />

designing, 138<br />

floated, 58<br />

gutters and, 139<br />

sample project and, 142<br />

positioning, 146<br />

width and, 146<br />

for WorrySome.net site, 93–98<br />

conditional comments, 55, 107<br />

#container, 91<br />

container divs, 90, 145<br />

containers (dl), 21<br />

content areas, 54<br />

expanding/collapsing, 226–230<br />

for WorrySome.net site, 82, 91<br />

content-layout, 59, 64<br />

content_main, 7<br />

content management systems. See CMSs<br />

content templates, 28, 35<br />

creating layouts, 209–241<br />

index

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!