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.

H<br />

hardware, 210<br />

hasClass() method, 228<br />

hasLayout property, 59<br />

headers<br />

branding and, 149<br />

sliding doors technique and, 161<br />

headings, 18, 137<br />

vertical text for, 41<br />

for WorrySome.net site, 82<br />

Holly Hack, 48<br />

Holzschlag, Molly, 56<br />

home selector, 17<br />

HTML, accessibility and, 246, 248<br />

HTML overlay, 113–118<br />

tag, 87, 90<br />

I<br />

IBO (International Baccalaureate Organization), 135–154<br />

IBO logo, 149<br />

icons, 112, 123<br />

ID selectors, 38<br />

IE5/Mac Band Pass Filter, 55<br />

IE7 scripts, 107<br />

image replacement, 40, 43<br />

headings and, 40<br />

ornate text and, 173<br />

for WorrySome.net site, 88, 101<br />

images, 137, 140<br />

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

masks and, 121<br />

naming, 38<br />

overlay and, 113–118<br />

PNG transparency and, 109–128<br />

tag, 227<br />

@import rule, 55<br />

in-page style sheet switchers, 218<br />

indents, for paragraphs, 166<br />

information-rich footers, 244<br />

initExpandCollapse() method, 227<br />

initial state, navigation and, 248, 250<br />

initModular() method, 231<br />

insertBefore() method, 238<br />

interfaces, JavaScript and, 209–241<br />

International Baccalaureate Organization (IBO), 135–154<br />

International Society of Typographic Designers, 131<br />

Internet Explorer, 48<br />

5.x, optimizations for, 222<br />

AlphaImageLoader work-around for, 46, 126<br />

caps and, 178<br />

legacy issues and, 107<br />

PNG transparency and, 46<br />

interoperability, 246, 254, 126<br />

intranet sites, IBO and, 135–154<br />

J<br />

JavaScript, 72<br />

accessibility and, 246<br />

CMS and, 25–49<br />

CSS states and, 250<br />

dynamic interfaces and, 209–241<br />

Internet Explorer and, 107<br />

Johansson, Roger, 59<br />

JPEG images, 110<br />

K<br />

keyboard usage, 245, 259<br />

L<br />

languages menu, 147<br />

layout templates, 28<br />

layouts, 209–241. See also grid systems<br />

CMS and, 35–40<br />

elastic, 161<br />

fixed/flexible, 139<br />

modular, 223–241<br />

resolution-dependent, 210–223<br />

legacy browsers, 106<br />

line length, 161<br />

lines, first-line pseudo-elements and, 178<br />

links, 137, 195<br />

liquid layouts, line length and, 162<br />

lists, 137<br />

Lloyd, Ian, 183<br />

logos, 112<br />

CMS and, 30, 32, 44<br />

Dirty Pretty Things, 10<br />

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

lyric tag, 82<br />

M<br />

macro elements, 137<br />

main content area (#main), 161<br />

main menu, 10<br />

main navigation, 137, 248, 252<br />

Malarkey (Andy Clarke), 79<br />

map of page, reorganizing modules and, 233<br />

Marcotte, Ethan, 50<br />

margin tag, 89<br />

margins, 139<br />

horizontal alignment and, 151<br />

negative, 54, 58<br />

masks, 121<br />

masthead, 7, 10, 12, 137<br />

sample project, 141<br />

styling, 147<br />

index<br />

263

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

Saved successfully!

Ooh no, something went wrong!