18. HTML Doctypes
<!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-‐strict.dtd">
<!DOCTYPE html PUBLIC "-‐//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-‐frameset.dtd">
<!DOCTYPE html PUBLIC "-‐//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-‐//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
24. html page structure
A typical HTML page will
div id=header
use divs with IDs and
Classes to create the div id=nav
structure.
div id=content div id=
sidebar
div id=footer
25. HTML5 page structure
HTML5 gives semantic
header
meaning to these structures,
which previously required nav
IDs and Classes.
section/article aside
footer
27. What about thIS LITTLE BASTARD?
IE needs a little help from
our friend JavaScript.
Modernizer/HTML5shiv to
the rescue.
http://modernizr.com
http://
html5shiv.googlecode.co
m/svn/trunk/html5.js
51. Prototyping: a Practitioner’s Guide R us s U nger
http://bit.ly/protobk
T odd Zaki W ar f
el
G uer r a
UX
R es ear c h
M et ho d s
T hr i
f
t
y,
Fas t
,
and Ef
f
ect
i
v e U s er Ex per i
ence R es ear ch T echni
ques
Guerrilla UX Research Methods
Fall of 2011
@zakiwarfel