smashing ebook professional web design 1
TRANSCRIPT
-
7/29/2019 Smashing eBook Professional Web Design 1
1/242
-
7/29/2019 Smashing eBook Professional Web Design 1
2/242
!"##$"##%&
'()
%
*
)*
*)
%
+&*
&)&*
&+&&
&
&,%-&&.$%$#
+&%
))%/&
*
&&&%&%
"##&01%
23$#$4'50&0678!* 9&'-'1,3#:4;
-
7/29/2019 Smashing eBook Professional Web Design 1
3/242
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%$
01-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%$
0/-'2%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
,/13%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"
04-3&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5
0-&61)%%%%%%%%%%%%%%%%%%%%5
0/1--0%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7
0819:'0%%%%%%%%%%%%%%%%%%%%7
&4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;
-4/1-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%$
0%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"@
=&-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%";
1-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"$
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5#
'3%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5#4/>%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5
A-BC%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5?
-
7/29/2019 Smashing eBook Professional Web Design 1
4/242
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5?
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%57
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5@)%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5;
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5D
-3+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5$
6'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5$
&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?#
!%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?"6%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?"
"4/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?5
56/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%??
?B1%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%??
7:4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?7
3%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?@
&4%%%%%%%%%%%%%%%%%%%%%?@
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?;0%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?$
!B&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7"
B,&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7"
E%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7?
=-&0%%%%%%%%%%%%%%%%%7?
-F4/*
-3+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7@
0/4+09%%%%%%%%%%%%%%%%%%7;
/0&/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7D
-=0%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@#
-
7/29/2019 Smashing eBook Professional Web Design 1
5/242
=9%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@#
"#$%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@"/&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@"
,%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@5
)3%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@7
&B3+%%%%%%%%%%%%%%%%%%%%%%%@D
-
7/29/2019 Smashing eBook Professional Web Design 1
6/242
&6/3+&&
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5
//8-1)&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?46/*-/4F
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7
&6/%%%%%%%%%%%%%%%%%%%%%%%%@
/1-&6%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;
/&6>%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%$
,6/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"#
&*-A')C%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%""
3%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"5
4'--/
/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"7
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"D
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5#44%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5?
1%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5;
/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%?5
4&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%??
44%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%77
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@5
&+,'-%%%%%%%%%%%%%%%%%%@7
3+&0---&%%%%%%%%%%%%%%%%%%%%%%%%%%@7
2&0,/=24
-
7/29/2019 Smashing eBook Professional Web Design 1
7/242
B%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@
/2/%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@;
32-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@D42,&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@$
3+286,%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;#
6&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;
.&!
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;5
-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;5'&'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;7
B:%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;@
1%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;;
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;D
A/4&C%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%;$
4'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%D
4%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%D"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%D5
./$( %%%%%%%%%%%%%%%%%%%%D?
-
7/29/2019 Smashing eBook Professional Web Design 1
8/242
01).2%%%%%%%%%%%%%%%$@
&1)>%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%$@1)%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"##
1&(.$%(',
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%"#$
-
7/29/2019 Smashing eBook Professional Web Design 1
9/242
..2
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
10/242
/&*&&
%/&++&*
&+
%
3$$42)225'2
**%-2&H
=
62'27*2*
2228,9
:75*;*2'5*
2
-
7/29/2019 Smashing eBook Professional Web Design 1
11/242
*2$7
-
7/29/2019 Smashing eBook Professional Web Design 1
12/242
)&
%
/&)$
)*&
%&)&
*&%3&*)
%&
+%)%/)
&*))*
)*%/*)
+&)&%
;2222*2
-
7/29/2019 Smashing eBook Professional Web Design 1
13/242
-)&&)*)
%1&)*
*&49
,*9,%
,$(
6F/*A&
>C/&&%
*%/&*
&+F*A&
>C&*)&&
F&%
&)&*)
%/+&&
&%&&>1%0)
&+&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
14/242
))%
-
7/29/2019 Smashing eBook Professional Web Design 1
15/242
/)
*&&)
%
)&&)&
&%
&&&
&%
,&),)))
&*)%
-!&
)&!%
&&
8
E%
-)
%&E
A8%C=)*)
&&&)!%
,0)15',
&+&*
&!%
-
7/29/2019 Smashing eBook Professional Web Design 1
16/242
+%&)
)))%&
F*&*)*
&%
65
-
7/29/2019 Smashing eBook Professional Web Design 1
17/242
/&)+&*
)*%'+*&8&
)**
&)%
%)&*
&&%
08)&&
%
""
&!8)
%-
)&
&%
&*))
%)*
%
-
7/29/2019 Smashing eBook Professional Web Design 1
18/242
=222$
E%)&)&***+&
IJ%
&%)&
&
+%B&*&)
%
/*&%
*&%6
-
7/29/2019 Smashing eBook Professional Web Design 1
19/242
*)%
&*)A&
C%B&*
&+&%
3&)("
&/))!&
+&I4J%)
))*)
8K
/&4%
*
)*
*
)%
&48+))%&
)&
%4%/
&*
F&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
20/242
'&*4&)&*
:F&
)%&4)
&)&%
%
/&4&)*&
)%
,(3
)
)%
)AC&*)
%-&)
))&%
&)))&&)
%)
-&&*
&))&)%
B&*)*
&%
-))
)*&
-
7/29/2019 Smashing eBook Professional Web Design 1
21/242
%B&*
&%
-&
*&
+)&&&
%
G*=29767*)
A)*
)8%C)%
=!)%?5*2
2$@:922$:
52.2:2
-
7/29/2019 Smashing eBook Professional Web Design 1
22/242
.+!
')F*)&
!*&!
)%
&)))%
)&
))%
)F&))&!
&%
/*))?#
FL*%
+)
)%
'&*)F?#F)
)*
F&%6*&;7
%
-
7/29/2019 Smashing eBook Professional Web Design 1
23/242
&%)*)**&
)%
&*****
))%6*&&
)(*
)*)
&)*%
1&%
*(2
-F)
&)I*&&
+J
)I
&&J%
&*
D"M))
%)&
&&)*)%
"$M)*%
)&&&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
24/242
6*&&
%&
AC&)
&+%
.3-
/&*&))
&)%4
&)*)
))%/*)
&+)))
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
25/242
-&*))+)
+&2
&%
&&*))&
*%
-*))&%)
&&7%?M)))
%
-
7/29/2019 Smashing eBook Professional Web Design 1
26/242
&"2!-
)&&*&&)
&))&
%&&)
&&%/&&8
&8*F&
&%&&)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
27/242
-&*;$M)
&%**
&)
E%/*A-C
)*)%
*
8$#*)&)&*)
!
%))&*
%!&
&)
&%
)**
&&*&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
28/242
-&*
&*
D$M&!&*
&*
E
&N*&)
&&&)%
-
7/29/2019 Smashing eBook Professional Web Design 1
29/242
)(
&>F8%&*
&
&%/
D#M!*
7M)!)
*
@%?M!)*
M)!)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
30/242
:&*I
!J
+&*%
"%
&)F*)
&
*&
*&E
E%
/*)*
&)&&)%-
*&)&
)%
D$M))
&*
6&M)+*&
%)
&&%
'$
'**
&L
-
7/29/2019 Smashing eBook Professional Web Design 1
31/242
)%&'
&2F*)
2&%
)*)
)2)F
'%,'
&*2F%'
*L*&+
%
/&*&5%;M)'&*
&)J%
&&)&
*'
&%
&-
6E&))
&%
A4C)
&>6&
>6
N)+&)&>
))&!&
-
7/29/2019 Smashing eBook Professional Web Design 1
32/242
****%)
N))*
*)A4C)*
&*))%
/
6&"%;M)&
*
6&$%M)&*
-
7/29/2019 Smashing eBook Professional Web Design 1
33/242
-&8&I7?%7MJ
I?#MJ)I7%?MJ*
-A4C&
I;MJOI?7%?MJ*
A4CI7$%;MJA4CI"MJ
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
34/242
6#7
-)*+&&
&8+%
L&L
%
--&D$M)
&!%
&&&**
&%7$%M-)&
*)%*
&%&&
*&&%
)A-CI?5%@MJ*A-C
I";%5MJA)CI;%"MJ%
6
&))&&
)%6**
&)&%/
+*&*
-
7/29/2019 Smashing eBook Professional Web Design 1
35/242
)&%))
&)
%
6)&!*&?;%"MI
J%/*
&*)
)&&
%)
A6CI?@%MJ*A4CI5$%@MJA4CI7%?MJ%
(
9&)&
*)&+
)%
&&)&I***
4O:E*%J*&E
%
@;%"M)
%-
%I57%MJ*
F%
-
7/29/2019 Smashing eBook Professional Web Design 1
36/242
=&&&
&)+&)
&&%)
ACA6CI;7%;MJ*)&A)
CI#%DMJ%
&))&
%&>
*&&&>
>F
)))&
&%*))
&%
/*))&)*E&&*&&%-
E*
&)&))%B&*
)%
-&
;%"M)8*
"%;M&*)&
-
7/29/2019 Smashing eBook Professional Web Design 1
37/242
&*
@%?M&E+O*
@5%@M&E*
&**)*
%
&*)
ACA6)CI?;%"MJ*)&ACI";%"MJ%
2.
-&*))))
-*%
-
7/29/2019 Smashing eBook Professional Web Design 1
38/242
/&*&*)%
&&&
&%&&
*
E%0&
**%
*4*%
-&
$M)8I*
J*
I)9J?7%?M)IKJ*
D5%@M
*
;@%;M*
@$M)*
?%7M4)*&+
*
-
7/29/2019 Smashing eBook Professional Web Design 1
39/242
=))'*)
=/I?%7MJ%
$%
)
%6
EF*)
+)&)F%-*
E%
-))))
I%%-4J*AC
&&8&*F*
A44CI&'J%
!'
1)'-P*
;@%5M)%-&
)*
?%77M)*
$M%
-
7/29/2019 Smashing eBook Professional Web Design 1
40/242
D"M))&!*)**
;$MAC&*))
&*&
*
;$M)&
*
D$M!&&*
D#M!*
7M!)*
D$M&*
6&5%;M'&)*
-;M
*O?7%?M*
D$M-*
6&?;%"M*
@;%"M*
@5%@ME*
-
7/29/2019 Smashing eBook Professional Web Design 1
41/242
&**))*
*
;?%7M)))*
*
***4%
+!*2A;$2$)
-
7/29/2019 Smashing eBook Professional Web Design 1
42/242
!
2
0)&)*
&%&
*&
%)&
&>
4&%
&&E*&8)
%/*)8)
%)8*&
+)*)F&%
=8)
&8%
89!
4&&%8)&
)))%&%
*%-
&%Q&
-
7/29/2019 Smashing eBook Professional Web Design 1
43/242
*&
E%
4&)
&"#&))%
3
-
7/29/2019 Smashing eBook Professional Web Design 1
44/242
94%
/)&)&
)%
8;!(&
08&)&!%
&%=%&&
&*&))%
)D&)!
)%&&))&)
&)%&)8)
)&)%
8
-
7/29/2019 Smashing eBook Professional Web Design 1
45/242
B
-
7/29/2019 Smashing eBook Professional Web Design 1
46/242
-):B&*
&%=!
3)8%
$(
)&8&
%
F*%&8)%-+)
E&)"%
-)&E*&&%6&
)&*&&)%)%-*)
%6
%
http://www.uie.com/articles/wroblewski_interview_part2/http://www.uie.com/articles/wroblewski_interview_part2/ -
7/29/2019 Smashing eBook Professional Web Design 1
47/242
>>&E%/&
&&*&
&&%0&&&&))%
)
)%
%
4&&%8
)*&&)
%
.2%&
)+
&)%
4)Q)%
3
%0&
%0&)
&E%
)%/)
&&)ENQ%
-
7/29/2019 Smashing eBook Professional Web Design 1
48/242
3&))*&)
&&%
1-&*BG%
-
7/29/2019 Smashing eBook Professional Web Design 1
49/242
1%
-
7/29/2019 Smashing eBook Professional Web Design 1
50/242
9=
*A&&)
%C-&%'&&
%/&8&*)
%
&%/
'*)
!%
%)&!+&%
&%
4+)!)
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
51/242
&&%
E
+)%9&Q
+&%
-
7/29/2019 Smashing eBook Professional Web Design 1
52/242
#
1%%-%
&&8&E%,
'&2&:%/*
+)&)
&&%
-*8%)
!%36%9
36&&
%
#/
/+E&Q
*&)
&%'*&)>
&&8%&8&
E'&*
Q%
)):%
,I+J&%
')%)Q&
%
http://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.matthewvrobinson.com/http://www.matthewvrobinson.com/http://www.matthewvrobinson.com/http://www.matthewvrobinson.com/http://www.matthewvrobinson.com/http://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.matthewvrobinson.com/http://www.matthewvrobinson.com/http://www.matthewvrobinson.com/http://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.veen.com/jeff/archives/000935.htmlhttp://www.matthewvrobinson.com/http://www.matthewvrobinson.com/ -
7/29/2019 Smashing eBook Professional Web Design 1
53/242
4&)%&
&)&
%
*
&&8&%29&
*%
-
7/29/2019 Smashing eBook Professional Web Design 1
54/242
4)&%-)
E2&*
&&%/)&)
&%6,8*
+)*&
2%
))
&%6&
F)&)&)%08)*)&%&Q+&*&
)8
&&)*%
?
-&&)E%E&&
)&E&%
&8%
&%
*2,
0&))
&%/&)*&
&*)
http://www.mariusroosendaal.com/http://www.mariusroosendaal.com/http://www.mariusroosendaal.com/http://www.mariusroosendaal.com/http://www.mariusroosendaal.com/http://www.mariusroosendaal.com/ -
7/29/2019 Smashing eBook Professional Web Design 1
55/242
&&%/&Q&)*
8)%0)%
24)*5%*
&"##;%
-
7/29/2019 Smashing eBook Professional Web Design 1
56/242
(@&A
$%4&*
&%%
-
7/29/2019 Smashing eBook Professional Web Design 1
57/242
&%4))
&%-&&
%
4&
%&)&
%-&Q/
4E%
,2&%,1
0)&%/
&))&*&8&
&%4&&
&%*&%
http://www.davidairey.com/miskeeto-logo-design/http://www.davidairey.com/miskeeto-logo-design/http://www.davidairey.com/the-importance-of-client-testimonials/http://www.davidairey.com/the-importance-of-client-testimonials/http://www.davidairey.com/the-importance-of-client-testimonials/http://www.davidairey.com/miskeeto-logo-design/http://www.davidairey.com/miskeeto-logo-design/http://www.davidairey.com/the-importance-of-client-testimonials/http://www.davidairey.com/the-importance-of-client-testimonials/http://www.davidairey.com/the-importance-of-client-testimonials/ -
7/29/2019 Smashing eBook Professional Web Design 1
58/242
&,&
1=Q&%F%/8&
)%'*)
))I)J%
1)
%))
%&*
&&%
1)1%
%/&&
+&&%
http://www.ndesign-studio.com/portfoliohttp://www.ndesign-studio.com/portfolio -
7/29/2019 Smashing eBook Professional Web Design 1
59/242
9+
-
7/29/2019 Smashing eBook Professional Web Design 1
60/242
*(,2
&)&&%4E))%
8&)&
%-&%
&&)%-&&
)%
-&)%&)&
)*+&)%4
)&&)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
61/242
-&*
*&%&
)&%
2',.>-C*:22
*'*525
-
7/29/2019 Smashing eBook Professional Web Design 1
62/242
"#$%
.!2A
)%&))
*)
%&*
*+*%
&)&%6
&%/))*
*F&?#%8
))
%
B&*)*)
%*E%
/*)8+)+
&+
%
&"/$;;*&&%
&&
-
7/29/2019 Smashing eBook Professional Web Design 1
63/242
%
))
I&J))%
)*)$5#
%/))&&
%
*&8&*%
9=%)
%/&&)&
)%&&8
))
='*
-
7/29/2019 Smashing eBook Professional Web Design 1
64/242
&&
*)&
&)%
62DD::2'
&)
)%))&
&&&%
L8E&&&L
)!&24%
-
7/29/2019 Smashing eBook Professional Web Design 1
65/242
4&&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
66/242
/)))N&*
&N
+%/*
)&)+%)&&
&+*1*
&119%
B&))*
A&)&*C1+8
%)B22=%
*1)+*)
&
-
7/29/2019 Smashing eBook Professional Web Design 1
67/242
5
&)
%&I**%JICC*
&E*%J%
%
"(
)*
*&+)%
/(
)
*)))
+%
*
)&&)%4)&&%-
*)%-
*)()
&I
J)%
9)))*
E+
%
-
7/29/2019 Smashing eBook Professional Web Design 1
68/242
"#$%
-*&+L*L
&+%&)&
&
%
+&
%+
%)
&+)E&
)&%)
&%
"
B+&&))
&%&+
*&F&
%-
)&*
&%+*
)(
+*))E+%)&8
*+%
-
7/29/2019 Smashing eBook Professional Web Design 1
69/242
+
)F
%-*+
)))&
&%B&*+
E%
#41
/&*QE)&A&%C&
)%4-
&)&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
70/242
4&4/&*F*)
>/8&))*&8
8)%*
&))&&
+%
*)&&
)&*
&%&
*)
-
7/29/2019 Smashing eBook Professional Web Design 1
71/242
!)&%&
*)
E%
&)*)
)%/*
!)
+%'
+%
)+)&&&%
)
%*
*AC44%
-
7/29/2019 Smashing eBook Professional Web Design 1
72/242
&*
&+*
*
4&*
9&*
EQF&*
')!*
%
&&)))&%'+*&
F&EQ)
)%BS0&
%
&*)
)&+
%/&+%/)))&
&RR+*
RR%
$(/
&)+%&
&-4*))
+%&*
-
7/29/2019 Smashing eBook Professional Web Design 1
73/242
8%
+
))%/&)
)&E&&)%
0&)&*
*%/&*&
)&%
&)&F&*%+)*
%&
&)L
)&
%
'.34
-&)+
&)*)E%/
)&&
)&&&)%
/.
&)*
&+%&%
-
7/29/2019 Smashing eBook Professional Web Design 1
74/242
B.#C-
=2&/)&
%'*8
%0***
+E!!
&*+&%-*8
%
&*/)6+&)A6
*C)))
-
7/29/2019 Smashing eBook Professional Web Design 1
75/242
%*)/
+*/!
&%-/)*/!
&*
&*
*/&&)*
))%
))8&))
)*%&))%/
&+)
&%
B&ADE.
-
=2&*&
L
+%)&
E*)
%E
%
B-
=2&4&48+-)3+
%
http://www.boxesandarrows.com/view/experience-themeshttp://www.boxesandarrows.com/view/experience-themeshttp://www.boxesandarrows.com/view/experience-themeshttp://www.boxesandarrows.com/view/experience-themes -
7/29/2019 Smashing eBook Professional Web Design 1
76/242
4)%
-
7/29/2019 Smashing eBook Professional Web Design 1
77/242
*EAC
&
%/)+%
-)&
+%
)I)&
J
-
7/29/2019 Smashing eBook Professional Web Design 1
78/242
*
)%
4&)+%
-
7/29/2019 Smashing eBook Professional Web Design 1
79/242
A&C
+AC*)&&*E%
-&*EIBSJ
&**
%ACI&J
ACI&J
&&
*)&+
%
/&&&)%3&
***&
&)&)%
EI-J*)
F&
IJ%'
)&*&
E&%&%/
)
%
/&
&)&))))%
-
7/29/2019 Smashing eBook Professional Web Design 1
80/242
B&ADE.
-
;&/&8&)*
&))&*&
)&)&%&
&A+&%C-)8
)&&*&*
)E!%
-))*)&
%)&
*+L)&)&
L))&8%
B-
;&R=I&JR&T
%/)&))
%
4&))
)&%
B.#C-
-
7/29/2019 Smashing eBook Professional Web Design 1
81/242
;&&
+J*"J)O5J
)%/)*)&)&
())&
()F
**&
&%
*
%+&%+*
)+*)%/8
)%/8
)%
-*)))
&%)
&+*
&&)
)%
%/)
)*))&
+)
)))F
*%G)
*)
-
7/29/2019 Smashing eBook Professional Web Design 1
82/242
)+
%
B&ADE.
-
;&%3+
%/*)
&F*)
)+%-+*)&*
+%
*)
)&
%*)**
)*)8
)
*%
B-
;&)*2*,G8
)%'&*/C2
!2!*&)*;256&=%-)&*
62&-%
-
7/29/2019 Smashing eBook Professional Web Design 1
83/242
$%#
&+)&)%)&
)&*&
+)%&
&&
))%
&2
6&+)&-%=
+&I
J&)%-
&&)
&%
-&*&&
)%&&
&++%
-))
*&A&%C
-
7/29/2019 Smashing eBook Professional Web Design 1
84/242
&3
4A&C
%-8*)
%&&+%/&
*&E
)4+%
http://www.youtube.com/watch?v=UmIgNfp-MdIhttp://www.youtube.com/watch?v=UmIgNfp-MdI -
7/29/2019 Smashing eBook Professional Web Design 1
85/242
&32%
+&&+)+%
)%'*
):&%
&&
%
http://www.six-scents.com/http://www.six-scents.com/http://www.six-scents.com/http://www.six-scents.com/ -
7/29/2019 Smashing eBook Professional Web Design 1
86/242
&"!
-
7/29/2019 Smashing eBook Professional Web Design 1
87/242
=4+&
1)0%)
%
&.
/E)*4&4
/+
+%'))
&&%+
EF
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
88/242
$&"!
&&+
%&
+%&8)%
E&))&%
!2A>E:2F2:G2H$
22':22$
-
7/29/2019 Smashing eBook Professional Web Design 1
89/242
#&'"
.37232'2'
%/
8
+%/
*&
%
*)&&
+)
%*
E%
*))
%&&*F
B/*)
%
(
4)&*
)%&
-
7/29/2019 Smashing eBook Professional Web Design 1
90/242
&)&*))8+%
-)&**)&I%%+
&J%&
)%)
&&*
%
**&*&
&%*&
8
%
F
)&%B8E
*)%&
&)%/*&
&)
&8)8)*))%
&&&
&%
-
7/29/2019 Smashing eBook Professional Web Design 1
91/242
)252552%6
&&&
)%B
&&%
4&IJ&
&*&
ACI&&+
&!
J%&&&8)&&%
/8))*/&
:2*))%
8**)
&%/+%
'AH.,#
08&*%-
%&*
&
+%-G*A+&(&
E&))%C
-
7/29/2019 Smashing eBook Professional Web Design 1
92/242
&&**
&%-8)&E&*
&)8
&I&J%
.-
/&F*)*)A)C
%/)&)F
8)&*
http://52weeksofux.com/post/385981879/you-are-not-your-userhttp://52weeksofux.com/post/385981879/you-are-not-your-userhttp://52weeksofux.com/post/385981879/you-are-not-your-userhttp://52weeksofux.com/post/385981879/you-are-not-your-userhttp://52weeksofux.com/post/385981879/you-are-not-your-user -
7/29/2019 Smashing eBook Professional Web Design 1
93/242
))&)
)&%
))*)
%
/&8L&8
L&
*&%
**
%&*&
%/&)*&4)
)%
&&)E*)
&*)&)&%
http://carsonified.com/blog/design/how-to-understand-your-users-with-personas/http://www.usability.gov/analyze/analysis.htmlhttp://carsonified.com/blog/design/how-to-understand-your-users-with-personas/http://www.usability.gov/analyze/analysis.html -
7/29/2019 Smashing eBook Professional Web Design 1
94/242
)
&%&)
)%B)
)&%
,)&**
&)+%1
*)+
+&&%
&%&&)&
F*%
&&&%
*&%6&&
*&)%
0)&
%0&%*
IJ*%
&8&
)%-&)%
*)->/&
-
7/29/2019 Smashing eBook Professional Web Design 1
95/242
%3
&&%*&
)*&%
2
))&+%
&%)
)*&%-+&7>
B
-
7/29/2019 Smashing eBook Professional Web Design 1
96/242
-)>*
&*/)&%8
%,/+-
%
6&AC*&
*&)
&%
+&
%-&I
J*&%/&
*)&&
%&&&
I+J%
&
-
7/29/2019 Smashing eBook Professional Web Design 1
97/242
&&%%
21GA
&*C)&
&%0)
*&%
E+%))
E**
2$
6&)
&G*-27B%&%
&*8
%*)8
&*%
)!*2
&&B/&&%-
*&%)
&%)
+*&
-
7/29/2019 Smashing eBook Professional Web Design 1
98/242
&%-&+
6&%
-
7/29/2019 Smashing eBook Professional Web Design 1
99/242
&*&&)
%
&*&)&
%
#""$
*)
%)&*)
+%B)
)&%
)&%**
&+
&%1)*
&%)&
)
%
B)&%-*
&&&)
%/*&
%0&&
&%)
))&%/
*&))
-
7/29/2019 Smashing eBook Professional Web Design 1
100/242
)&
%&)&%6
)&*
)%'+*;I
)&*%
22=252$$52'
7222
-
7/29/2019 Smashing eBook Professional Web Design 1
101/242
&)&)(
((%
&&%-&&
8*&%
))%
-))
%*&
-2-SF%
I
-
&%/*
)&%/
*%
%*$2'*
))**
%'+*
%
+&*&)&%
)**)
I)+*+J%
http://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspxhttp://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspxhttp://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspxhttp://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspx -
7/29/2019 Smashing eBook Professional Web Design 1
102/242
01)
RRE)
%3&)
%-))%
&B/%
*%
&%
&&&%,
)&%%
)&%
-*E)&*&
%B&
*&%&8)%6
+/3&4&%
/*)
*)*
*))
%
http://www.alistapart.com/articles/indefenseofeyecandy/http://www.alistapart.com/articles/indefenseofeyecandy/http://www.alistapart.com/articles/indefenseofeyecandy/ -
7/29/2019 Smashing eBook Professional Web Design 1
103/242
$!
3&F*&%-&
)&*8%
'
'%=
)&!2=*A1
%C)
!%
!%
%B)%8
%B)!*
IF&J
%
345.
F))
)%6))*))
%)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
104/242
&%-)
%/&
%&
)
%
(#&&)F
&*%
%/*)%8
)&%
3&%*&)
***)**
%
*&
&&%
/
))%
&F*&%I
http://designshack.co.uk/articles/css/15-tips-for-designing-terrific-tableshttp://designshack.co.uk/articles/css/15-tips-for-designing-terrific-tableshttp://designshack.co.uk/articles/css/15-tips-for-designing-terrific-tables -
7/29/2019 Smashing eBook Professional Web Design 1
105/242
+J&*
!%
0'#&
8B/)
KB/
%
&*&%
*
8&)
)&%
-
7/29/2019 Smashing eBook Professional Web Design 1
106/242
62$2*:
22'2225
http://designingwebinterfaces.com/designing-web-interfaces-12-screen-patternshttp://designingwebinterfaces.com/designing-web-interfaces-12-screen-patterns -
7/29/2019 Smashing eBook Professional Web Design 1
107/242
!"2
+)*/)&+8
&%/)))
&%)*
*A&%C
-&)*
)%/
)%B)
&)
)%*)*)
&(&))&
&)%
9*))/*
)&%*E
))&
)%
%
)*%,)
*))%
-)&)*
+%
-
7/29/2019 Smashing eBook Professional Web Design 1
108/242
'
E*%0
)(F(
+(&&%
/F*)
B/%*E
*&&)E
)&&)%
37232'2'2$:*257$22
>AA$*:2>A2
2372,55
-
7/29/2019 Smashing eBook Professional Web Design 1
109/242
($
)*.;
=&/&)
*&*
%
))&8%
)&
L
L)E
%&&
&%
'+*/%/
**)
&)
)%
))
)*)&)
)&)&%&
&%/
))
-
7/29/2019 Smashing eBook Professional Web Design 1
110/242
%*)*&
&)&
&)+%
).(!"
-
!4*
-
7/29/2019 Smashing eBook Professional Web Design 1
111/242
8C)&
%'&**
*I&J)
%
++
*)
+F&
%
AC*)A
*C!E
+
%9&)&
)
&%
*)&&
*&)&%
/8*))&&)*)
-)*)&&)
&%
-
7/29/2019 Smashing eBook Professional Web Design 1
112/242
,)&8
4&))%=
)&)
&4*
&*&+
&*))
%
!&*)
7#*)*
&&))
)%&))
+++
*)4))
)&%
)*
+)%
&()
*&*%
.(#)
-))
&%*&)
-
7/29/2019 Smashing eBook Professional Web Design 1
113/242
&)?#?A1&C
I+*&)+&+*&8
))J%/)>
/>6))
F
)&&))
)>/8
))
4I)+&*
&))J>
3!&($%(
G))>/*)22
(%
))*))+&*
))&)*
&)%/&)
))))&)8
)%
0*/3@%-)45)&*&*&/3@4+
)%&)**&
+/37%7)+>*
http://whatisthematrix.warnerbros.com/http://whatisthematrix.warnerbros.com/http://msdn.microsoft.com/en-us/library/ms533014%5C(VS.85%5C).aspxhttp://msdn.microsoft.com/en-us/library/ms533014%5C(VS.85%5C).aspxhttp://whatisthematrix.warnerbros.com/http://msdn.microsoft.com/en-us/library/ms533014%5C(VS.85%5C).aspx -
7/29/2019 Smashing eBook Professional Web Design 1
114/242
))(
)&*&*&
%/&&)8
&&)
&+*/
A45U)))
)))%
&(&0).&)&
A%C)&&))
*&&
%4*+*))&
)&&&
&)%
'*&&))&
&)%4
()&)
%2)%
&+2()4*)+*
)&&&%
4+*
F*))
!&*)%
-
7/29/2019 Smashing eBook Professional Web Design 1
115/242
*)))
*)2)
E)4>-4
)&)2
%*)&))
)45>
/)&+&%
/)&+
%')%'8
%
!&(A&
@
)&)*
))&/
&%*
)A6&*46
-B8)-2-SVKC&*&))
%
-
7/29/2019 Smashing eBook Professional Web Design 1
116/242
/)&)
)*)8%/*)/
+%-&*
)&
)8&%
-&)
+*
8&)))))
)&)A)&&&
C%)
&/>
2!"&
&%!**
%)&*
&&%
!&
&)%
))&
)&&&8)
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
117/242
/&8))*
&&L
%
)&)
)*
8
%
/)&*)
&!*
)%
)>')&&
&%&
*&)*A
)8)%C
&)!
/*)%*
)))%)&
!+)
))
)&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
118/242
BS)&
())*
))%
3*)A
C
9&)%
6)+
)
I&)&J%
)&)
%
-&+*&
&)
&
L
%+
&())
)E)&%
-
7/29/2019 Smashing eBook Professional Web Design 1
119/242
&"!-
-
7/29/2019 Smashing eBook Professional Web Design 1
120/242
'
&&*A
+&)%C3)*&*)&!
)%)
I/)/)
F&))&J%
6*
-
7/29/2019 Smashing eBook Professional Web Design 1
121/242
&)*
E)8)&
E%
!
)&8%
/):*/8))))*
)&*%
,.2.
)&)EI%%&*))&
J*)&)
&&%
,02.(
&*&
))**)*
*+*!*&
%/
&*&4:V
*8*/8&8&%
,0
-ACAC)
))%&)8)
I&*+*)
&4&J%
-
7/29/2019 Smashing eBook Professional Web Design 1
122/242
-/)
&)
&)%
3A6'.
73
))&
&)*+%
&
&)%&*
&&)%
)&)!)!)&
%
)&))
)L
%/&
/%//)
*/)8
%
&)*&)
)&*&L/8%
-
7/29/2019 Smashing eBook Professional Web Design 1
123/242
*8A&&&C
%--,/-&
-
7/29/2019 Smashing eBook Professional Web Design 1
124/242
2*'*V*)2
&)%-&&)*
&8&)%
-+
'E%/'
)*)
*2
%/)'&)
)
&)&%3&
*&)&)
)%
&
&&))>/*
&%
E%%
6
&
*&))
%
-&&
*BS%/
&)&&)&*&8
http://code.google.com/p/swfobject/http://www.schillmania.com/projects/soundmanager2/doc/http://www.schillmania.com/projects/soundmanager2/doc/http://code.google.com/p/swfobject/http://www.schillmania.com/projects/soundmanager2/doc/ -
7/29/2019 Smashing eBook Professional Web Design 1
125/242
))))&
+&%
*&)*%
&)&(
*)
&%&
*&)%
-*8>
"'&(
&(
*)&
)A%C
&*)&
&%AC)
*&))
))%
*&)&
)&+
)4&&*)%*
%
-
7/29/2019 Smashing eBook Professional Web Design 1
126/242
'*!&AC&&)
&>
)A)C>
+*
%
/)/
%%E%-*
EF*&)
)
&&%
/)**%/)
&&))
8))*))E&)&&))*
)8)8&
)*
))%
;2='25B':27
$2G22='25C:272'2:2$(22*B
-
7/29/2019 Smashing eBook Professional Web Design 1
127/242
-
7/29/2019 Smashing eBook Professional Web Design 1
128/242
.;2;5
4&E%
&&%
*
%4&%&)
*&*%-8%
-
7/29/2019 Smashing eBook Professional Web Design 1
129/242
&%4
8&&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
130/242
*&)
%**
&&!*%
,&)&*)*))&)8
&))%B)
&**&%
/DE
-
7/29/2019 Smashing eBook Professional Web Design 1
131/242
,%/8)*)%/8
)%/&*)4%,&
&*%
/)*%
,)*)
I))&J%,
I))&)J%
6))*%'
+*4*&%/
%/*
)&)&%/-**
%,)%,
)-/)-
&,3%
-
7/29/2019 Smashing eBook Professional Web Design 1
132/242
/*)%/
)*&
%/8&)%
,**)
)%
!DE
6%/*)3%
)*
%
*)
&%/*)
)%/8&*
&%
-
7/29/2019 Smashing eBook Professional Web Design 1
133/242
,.DE
0)!
)%/)%&)
))I
&))J%
0))*)
&))&)%
0))*&%/*&)&%/3&*
+*&)%/2*
/8%
/&*&)
%&)&
IJ&%=&)
&)%&)&)F
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
134/242
4**&
)%&*)
&*+)%
&&*)
&))
I&)J%9
&)*%
B&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
135/242
1DE
9)%/))%/
)%-&*
&*E&+%
9&*
&&)%/*
!*%/8
)*&*)%
!*)
)%
%
-
7/29/2019 Smashing eBook Professional Web Design 1
136/242
"DE
)3%
+&&%=
&%
%)
&I+*
:&&)J%
&%&))&
%=+%
!%+
)))&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
137/242
DE
)&&%/8
%/)
&*%
/*))%
&))&&*)
IJ%
/*)+&%=
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
138/242
)
1%&8&
)%&
)&&%
)
%
"2
%6*8
))*&%6*
-
7/29/2019 Smashing eBook Professional Web Design 1
139/242
)*&&%
&%/8)
-
7/29/2019 Smashing eBook Professional Web Design 1
140/242
/*)
%/&&
%
)*E)
%
1
9&*&%/&%=&
)*&
%
9&&%/
%/8&
*)&%/
%&*
&&)+%/*&
&*&&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
141/242
".
))3*)%/8&
)%))
&&*))%/
%
/*)&%/8
)++%/
))%/8*
&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
142/242
"
)F*
)%/
)))*)*
%/8
&%/&!&%
&*)
+%/*!%
-
7/29/2019 Smashing eBook Professional Web Design 1
143/242
&(
/&*))
))%&8&F
&%/&*)
))*)%
/*&%
)&)*&
F&%/*))%
&"
E
)*&
&%8F
/*=*-
-
7/29/2019 Smashing eBook Professional Web Design 1
144/242
!3&*
-
7/29/2019 Smashing eBook Professional Web Design 1
145/242
652722:522222
3
*
-
7/29/2019 Smashing eBook Professional Web Design 1
146/242
%
*&8*
E&IJ%
$%
-
7/29/2019 Smashing eBook Professional Web Design 1
147/242
-+%-
+"
)%9&*
*&*)
%
$%
-
7/29/2019 Smashing eBook Professional Web Design 1
148/242
622222*:9'
55*922:22$2
$$':
922:22'*:
2F2'2'A92:2
$22:
,2
-
7/29/2019 Smashing eBook Professional Web Design 1
149/242
62$2$22:
4&&
)%/*
&)&+
*%-))*
+)O+
EI&8
+J%-*&))&)%
$%
-
7/29/2019 Smashing eBook Professional Web Design 1
150/242
,:2$*27'22
,22522::2$2
=29$22:2$
2
&&
&%
-
7/29/2019 Smashing eBook Professional Web Design 1
151/242
$%
,:2:A*'2$$2':222
52
,25::2$2
F&")%
%
-
7/29/2019 Smashing eBook Professional Web Design 1
152/242
$%
>'527'22$222*2:
:2*222$2:222*722:272
,*52':7
222
4DE
&%
-
7/29/2019 Smashing eBook Professional Web Design 1
153/242
$%
,5'6222
5222
622:2':27:3
J727K$2
-
7/29/2019 Smashing eBook Professional Web Design 1
154/242
4%&)
*&8&
%G*)
%
$%
622'22'
-*)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
155/242
>222:22222:2:
22$$'2J222'
K
4&)%8
&%-&&F
)%
8&%1)*8&
))%&)&
*8)E
%
=8)&&&
%)))
*E&8&8&&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
156/242
**)8
))%6&
)8
!:%
8)*E%
8*
+%08&
&&%
'*8*
))%
-
7/29/2019 Smashing eBook Professional Web Design 1
157/242
'*)8)
&%
*)8
%/8%)
+)))
*&)%
-&
&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
158/242
-
7/29/2019 Smashing eBook Professional Web Design 1
159/242
A&
-&**
&%
%
)%
&+**&+"
)%6
)&)
*IJ*
IJ
)&)I%%8*
&J%
)%
)1%9&**
)*)*)&%
)*))
I&8&E*
&)J%9&)
%))
%
-
7/29/2019 Smashing eBook Professional Web Design 1
160/242
)E&
%**
&&&%
-)*)*)
&8%')*&)%-)
)&&%-
&I&&
J%
$
8&
)%
/8%/&8&
-
7/29/2019 Smashing eBook Professional Web Design 1
161/242
*)&%
-
7/29/2019 Smashing eBook Professional Web Design 1
162/242
G22:2:2$7
:*':22
0&&)&
(E&
%-*&&
%'*)&
))%
.3-
08)8)
%'&
-
7/29/2019 Smashing eBook Professional Web Design 1
163/242
)
%)&
)%
-)&%6&)%-
I)J%3+*
&)&%&&)
)*&
&%
)&)
%&
)%
8&&&%&&&
%
)&)
%4&&%0)
E%/&
&*&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
164/242
&)&
&!%
&&&%
;2;552$25:
2'12$
-
7/29/2019 Smashing eBook Professional Web Design 1
165/242
&+,'
-
..2
2%2&)%&&
-
7/29/2019 Smashing eBook Professional Web Design 1
166/242
)&8))
%*8&)%
2*)8)
%'&&*
)+)&&)
*&)E%
+,/&*+
#
6&)E*&
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
167/242
&&
&)&
*2%-*2
)&&A&+%C
&+&
0))&
%&&
E%,*&&
*&%-&*
&2&
%0+&&
&&%2%
-)*&&2%0
)%/&&*))%+&&
)%
2*%'*&
&%)
8%-*
)*&
*%
-
7/29/2019 Smashing eBook Professional Web Design 1
168/242
-*&!
&)2&%0)
))2&
)%&
)%
$+
-!*&&
2%2))
%
-
7/29/2019 Smashing eBook Professional Web Design 1
169/242
%/*&)&E
2))%
+/
1)*&&
%2&)8&%1)&&
%
/8E%3&)&*&&
%0)%-*
E&K
0)&*)&&
%2+&
*)%
'*2))8%
-
7/29/2019 Smashing eBook Professional Web Design 1
170/242
2&&%
A&C>
-
7/29/2019 Smashing eBook Professional Web Design 1
171/242
E+E%/*
*F
*)%
2!)
%0)%2
&)*)
%/&%
3!
/8!)F)E%-*
)!%6E
8%
)&*)
)%
&**)!
)>&
))%
.2$22$>?5*2
2$@:22$:
52.2:2
-
7/29/2019 Smashing eBook Professional Web Design 1
172/242
-
7/29/2019 Smashing eBook Professional Web Design 1
173/242
.&
!
.-2.2:
/*F&)
&8)%/&)
&E
))%/%
/&8**
%
8&
*&%
/*&)&%
&)&))&
&+!&)*
&&%)
&&)&%
(4(
)&)&*
)&*&&*
-
7/29/2019 Smashing eBook Professional Web Design 1
174/242
*E%&
)&)&
%3&)
*+
&&
&)&%
&
4&E%
A/8&))8%C
A2)&%C
A0&)))%C
.&
&%3+F&
)8%G&
&&&
I&)8*J%-*&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
175/242
''
)&)&&*&
E%)&
)&)E%&
AC&
)%&))&&)
&&%
&
&&V)*&)
%
A4&E)>C
A/8)&E/)&
/)&%C
A08)>K))&
KC
.&
)&)))&)
)&&)%
&))
-
7/29/2019 Smashing eBook Professional Web Design 1
176/242
&*&%-
%)*
**&&)&%6*&&
*&&)E%
#45
=&*&
%&&
)%%&
&A8C&)
)&*&&)
)V&8%1
+
8)&%-&
*)&*)
%
&
F&%
A/8&%C
A48&E)>C
AC
-
7/29/2019 Smashing eBook Professional Web Design 1
177/242
.&
4&%0))&))
)&&E%)!%
8))
&E%)
&%/
*&E%
)42
&))&&
&)
%&&
%/I
)J*&%&&
E))
&*&)%
&
4&%
)%
AC
-
7/29/2019 Smashing eBook Professional Web Design 1
178/242
A/8%/E8
KC
A/8&8&%C
.&
6*I&&
J%&&
E*&
&&%/&)&)&F*&&&
%&&(
&&&)%-
*&%
(
&)&)%&!&
&&)&
%B&*
%&
*&)
)%*&&&&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
179/242
&
4)&)F%
F*&
%
A/&)&8*/8
)%C
A0&+&))8
*&8%C
.&
6*%
-
7/29/2019 Smashing eBook Professional Web Design 1
180/242
)()&*&
%/&8*&
(&)&&
*)&))
)&)%
&
&IJ%
4
%
A/&&)8
%C
A,&>18/)8*)%C
A,*&&*&8&
%C
.&
A/4&C)&!&
)&*))&&&%&&
)&)EI&J
&%-)&&*
-
7/29/2019 Smashing eBook Professional Web Design 1
181/242
&)&)&*
%
'2
&&
E*F%1&
)+%
&))**
&)%
)&*)
&)%&&&
*%
&
/**)&%
0E)%
A)&)"?O;&
&F*/%C
A/&))E
)%C
-
7/29/2019 Smashing eBook Professional Web Design 1
182/242
A&*/8&>/&
EKC
.
/&&*)*
&&)&%0)
&)&)
%0)&**E
%0&)+E
&%
*)&&*+
&&)%&&
)&8
E)&%&&)
&V&&AC
)&%&&
&%
&
/E&%
4))&%
-
7/29/2019 Smashing eBook Professional Web Design 1
183/242
A
-
7/29/2019 Smashing eBook Professional Web Design 1
184/242
./$(
.,:!2
4A4&*
&%/&%/
&%C,)
&))&)*E%&8&*
)&%
-
7/29/2019 Smashing eBook Professional Web Design 1
185/242
B&*&E&%/*&&
%
-
7/29/2019 Smashing eBook Professional Web Design 1
186/242
&%4
&&)*
&&&%
'&%,
&)*&&
)+%
(2/*)&
)&&L&
%
!(
4&&
)F%
*&%
1&%-
*&*
&))
%
-)8%0))
&)%
-
7/29/2019 Smashing eBook Professional Web Design 1
187/242
(/
E*&*%1&)ACA)C)&)*
8&&&8
%
-
7/29/2019 Smashing eBook Professional Web Design 1
188/242
#!?(
4&&&))&%-&)
>/)8&
>6&8)+
E%
,*E))&
*&AC
%&*&
&%%&E
(&)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
189/242
-
7/29/2019 Smashing eBook Professional Web Design 1
190/242
2,'/
'IJ*%/&*
#
%&&
)%
&)&
&)%,**&&
&&%
*&
%&
%-)
&*&
&%
/8*)
&*
&%G**&
)%/&
)*))%
'B&*%
*E)&
-
7/29/2019 Smashing eBook Professional Web Design 1
191/242
)%+F&
%E*
%
-
7/29/2019 Smashing eBook Professional Web Design 1
192/242
K8E(
%
*)&%&8
&*8&))
)%
/!&&)*)&%
,)%&%)
#&%
F%3&&)&%
*2').&
/&8&)*)%-
&+&)
)&))%2&&*&
(E
F&%*
E&(&%
4)&)
A,CE%,*&)
&)))*&
)&&&
%/&*
-
7/29/2019 Smashing eBook Professional Web Design 1
193/242
E+)&%4&
%
)
-*&*
%/8%B&*&
*&&
%CAC-*
*&%F)
)&))&)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
194/242
/&&*&
)*&
)&%&)>&)&>-)*&
)&)%
-
7/29/2019 Smashing eBook Professional Web Design 1
195/242
2
&)*&A&%C&
*&
%3+)
&+&&
&&%/&
)!
&*&A&C8%
/&*
)%
&*)
&)&
&%/*&
&)&&%
&F+
>=)K
,:!2.72$22$
;25!7*22$7
2$7252F
-
7/29/2019 Smashing eBook Professional Web Design 1
196/242
01
).2
.'
)
%)&
)*)
+&%/*)8E)*
&))%
1))
*
%)))
*&&L&&%
).2-
/&8&)*&&
))&&)%)
)*8%
-
7/29/2019 Smashing eBook Professional Web Design 1
197/242
/
&
%&*)&&
*&8%&
&)&)&)
)&)
&%-)
))&))&)
&&)
&%
)&))
&%6
)&%
-&&)
&)*&8F
)*)&+)&%-&*&)
&8*)
))
%/*8&
%
3&*
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
198/242
E*
%/&*&))
)&%
))&)))&
%
4(
/&&)*&)
)&)%&))
&)+>'
**)
8*
&
%
6)&F)
)))%
http://stackoverflow.com/http://stackoverflow.com/ -
7/29/2019 Smashing eBook Professional Web Design 1
199/242
'!
-)))&&
&))
%0&&
)*&)
&)%
'*&&8)*
)&8&&
)&&)
)&&F&)%0*&)&
))&8&*&8
&%
!
*&)8)&)
&*)%6
)&)&
%&)8)
&*&&))
))8
%
-
7/29/2019 Smashing eBook Professional Web Design 1
200/242
'
-*)
)&)%&
))%1)
&)&)
&L&
&))%
).2
1)))*
&%
"
6&)
&%*)&
*))
)&%
&)*)*
&&
)&&%
23"
&)A)
)CL))&%/
-
7/29/2019 Smashing eBook Professional Web Design 1
201/242
&))E&
*%
)
&)&*
&%
'))&*&)
)&)&)&
8F*%&
))&*%
"
&)
%&
)&)
)%))&
*+&%
)*
&&%)&+
%
'/
=E&*F&F&%
))&*&8
-
7/29/2019 Smashing eBook Professional Web Design 1
202/242
&)
&%-&)*)
%))&
)&AC
&%
"(
8)&%9
)*)*)&8)%/&8
)*
&L8&
%
*
)%0))
&*)%
H.,0*2'
/&8&)*
))&8%)&
&*&)
%'+*&8))
&E*)
))
-
7/29/2019 Smashing eBook Professional Web Design 1
203/242
))&%/&8
)8&)*)
))&
)E%
&*)%)
)&)&)>/&)
)%
H.,(!
2))&8*&
))&)&&)
)%)F
&&
%
6*8&&
+&)&)&&&(
&))&&
)&)&&
%
).2&&))&&
)%,*&&))
-
7/29/2019 Smashing eBook Professional Web Design 1
204/242
&&8)&
%0)+&
))&!&8
&)&)&*
)&)*%
))=/)&!
%0&7#=/*
))&8)%/
&7#*&8&)&&%
&*&8)
+*&))&
))&%/)
*)
&&
%
0#,)
1))8
%,&
)&*
)&)
%1)&)&
&
-
7/29/2019 Smashing eBook Professional Web Design 1
205/242
&8&&%
(
-
7/29/2019 Smashing eBook Professional Web Design 1
206/242
&
%1)
*)&%
6)&%
&)&))&8
&)%'+*&
)&*%3
)&)*
)&))+)&&%
0.$(
&8&)&
*8&&)&
%)
&)&8
&%
0"$(.!
&)*&%
&&&*8&
%/*)))
)*&8&%
-
7/29/2019 Smashing eBook Professional Web Design 1
207/242
)&
&&%F&
F&%
$(
F&&
)%/
&*%6*&8)*&&)%
9J*!
6)&
)&%&
*
+*))
%&&&
)&%
':$2''
$:22$2:*=*:
52'2$2:
http://designm.ag/http://designm.ag/ -
7/29/2019 Smashing eBook Professional Web Design 1
208/242
-
7/29/2019 Smashing eBook Professional Web Design 1
209/242
1&(.$%('
,
.'
6F!
))&
E%
@*)8)%8)
F(&8
)%'*)%
-
7/29/2019 Smashing eBook Professional Web Design 1
210/242
24I24J
HI6&,/J
-)I&&!J
9'..2A.
.-
(*
'&&)
&&))
*8&+
&%'E)*&)*
&&)&8%
++*&&8
&&E&%
2&*/&
*/))&
*/8)%
"
*/A**%CF&&)*&
&%&)&*&
%/8)
http://justcreativedesign.com/http://justcreativedesign.com/http://buildinternet.com/http://speckyboy.com/http://justcreativedesign.com/http://buildinternet.com/http://speckyboy.com/ -
7/29/2019 Smashing eBook Professional Web Design 1
211/242
&&E)&)
)%&*/A/CB&
-9!*
*+**&*&
L)))
%
:..
-
+1
F&&%8&
)&%
)%3
)*&8)
+)+%
*))&))
&8)))%/)8
&*
E*&
&)&%
+
/8%/&&
-
7/29/2019 Smashing eBook Professional Web Design 1
212/242
)EE*8
&%/)
)&%=)&&8&
)&8
%08&&
&*)&
%
(*3&F*/8
))&&8&&
+*&&
%/&&
E%
-
7/29/2019 Smashing eBook Professional Web Design 1
213/242
"
'*&
)&%/8*%&*
&**
%3&)&
&*)*&))
%
-)&*&8E*&8
%4&+(*
&&*>/)
)&8&
&%
&F
%8&&)8
*&8%
*&&
*K
-
7/29/2019 Smashing eBook Professional Web Design 1
214/242
;..2-
K
&&*/)
&)%/&!
)%/8&
)%
&8))&%/)
&&*&)AC
%/+%
/8&+E&
&%9
)&&%
/&%
G&%
+
')&**)8
))&*)&
%0)&)
%-/)&I&J*/&&)
F&E*)
-
7/29/2019 Smashing eBook Professional Web Design 1
215/242
&)*&%-*/
&*&&
)&&
%/&*/)
*%
/&*)+&&%/
%
http://buildinternet.com/2009/12/the-role-of-college-for-web-designers/http://buildinternet.com/2009/12/the-role-of-college-for-web-designers/http://buildinternet.com/2009/12/the-role-of-college-for-web-designers/ -
7/29/2019 Smashing eBook Professional Web Design 1
216/242
/8))*/8
E)&)
%
+
*/+)
8*&&&%
+)&%
=.
.2(
-
"
&&*
&&))
&%/8)&
&*/)/%-*/
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
217/242
1&*
&%&
&!*&&&
)8%,
)&)+E
)&&+%*&)
8%-)
)&)%&
&%/)
)&
%/)E*/)&
%
$+2
&%)&8&88)%/)*
&&*&8
&E%/&&E*&
)&/8+
*&)%88
F&*F&*
)&I)&8J&I)&&)&J%
-
7/29/2019 Smashing eBook Professional Web Design 1
218/242
/8+&)&
%)
)%E
)*&)8&
%
=*&*&
)&*)%
!*
%G&))
&*!
&%&
)*E
)%
9=**
L625522
':2225B'279
M
&!*/)&
8)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
219/242
+1
/)*)&&)
&)+&
)*%)))
)))))&
&&)*&)&
*)&&
%0))
)&&8EL
&&++%
J.2.
-
)&%)&
I$$D"##J*/)
)*/&
I
-
7/29/2019 Smashing eBook Professional Web Design 1
220/242
&)&%3&)*
%
(*
&&%&)E&
&))%
+1
/)/!F&F&%
/*/)*F&E*)
*&&/
&%/)))&
&E/E&+
%E/
*)8%//))
)F&*/
)&%
"
%-*/)
)/))/)%
-
7/29/2019 Smashing eBook Professional Web Design 1
221/242
)E*%/)
4*)&@#+"#
+%
-*&%
-
7/29/2019 Smashing eBook Professional Web Design 1
222/242
&*&)*&)K
1)&%
6&*E*)
))&%&
)&&
)%/&*&%
&)%
&*/)8E&&
&&)%/*&)&
)&
%
/)*8A)C&%/
+&&%/*
)&&&)*&
%
)%
1&)&&&&%08
&*)&
)%B)
-
7/29/2019 Smashing eBook Professional Web Design 1
223/242
%&
&8%2&
8A1)C88
%%-
))+
%)&&)*
)&8%P&F&%
L....2
-
$+2
2&8&
&%/&&&%/8/8%0)*
8&&8)&
&%*/))
%/8&
&))&
)&)%
2
-)*&
-
7/29/2019 Smashing eBook Professional Web Design 1
224/242
&%&&
&))*&&
)&%
*+&
*&&)%&))
&%'
)*&
%&)
*&F&%/&)
&+)
&)
)&&)%
/8)&))&
*K
-
7/29/2019 Smashing eBook Professional Web Design 1
225/242
)%
=%
-E&&)
)%
0)E&8
)&8
)%
-*%
'*)*'
)&)%
-)$##7##*&))%
'
-*&E&
&)&%
08&)*&
%
/&)E*
-
7/29/2019 Smashing eBook Professional Web Design 1
226/242
)))
&%
0)&EK
'
0&&)*
&%
'
%
/))&*
))+))
%&8)&
&)%
6
)&8&+
&)*
E)%&
&)*)
%
-
7/29/2019 Smashing eBook Professional Web Design 1
227/242
M.2
((-
&*
E%&
*)A-C&
&%/&8)*
E&))%&&)&&)%
"%3&&
&&%8
)&%9&)E
+*+%/&8
&)*)&&&>
-*8+)&%6
)&&%
!!&))
)&)%/&
*&))&8%3+
)8*)*
&&&&%
-
7/29/2019 Smashing eBook Professional Web Design 1
228/242
"
-/*/8&
%-*&&)+&
%/*)&*
%)&
&%*&)V
8%
2&))&%/
&)*
&%&
&)E)&%
*&+*&&%6
&%08&))&)
E%))*
)&)%
&))%)))
%
-
7/29/2019 Smashing eBook Professional Web Design 1
229/242
/8
8%)*
&)**%/&8+*
))&%
&*
)*&
&E%
/F&)))%
)E*
E)
%
-*%)*
&*)
))&%
&&)%)
)%
-
7/29/2019 Smashing eBook Professional Web Design 1
230/242
9F.
.-
.
0%/&)/
)/(/&%/E
&K-%&*/))
))%&
&*&%&%/&/*
))*)
&&)&%
/8&&(
%0&%
3&&*E&%-*&)&&%
0)
&E*
)&+%
=)%
*)+&%
-
7/29/2019 Smashing eBook Professional Web Design 1
231/242
-&)*
&E%
))&
IJ%
)&))&
%
3&&%))
&*&&
%K
"
&*/)&&)
%/))&$##7##E**
&IJ*)*
);##"##%
-
7/29/2019 Smashing eBook Professional Web Design 1
232/242
/8&
)*%
-*&8)(
&8&&*
)&8&&E*&8&
)&&%
*&8)&
*&&)*))&%
&&*
)))I&)
)&J(E&
)%/)&
E)E&*
)F*&
F&)&E)L&*&
&8%
+
/)*&&
F&E)%/&%&
)*%&
*&)&+&%/&
-
7/29/2019 Smashing eBook Professional Web Design 1
233/242
)(&8
)*&))&%
&'*))
)*'*
*&&)%
$+2
K')*&
)*&E%/8
&&&
&*S%-*&)
&%
992A.
.
-
.
/&
%
&)%6
*/*
))&*)%
-
7/29/2019 Smashing eBook Professional Web Design 1
234/242
*&8&)
)%)&))%
))
%&%
&&))%I0
)
J%
*&*
&&&)%/)&)&L)
&%0
%
0*)&&
)E*
&
&%4&)&*&()
&&%
&&&&&&*
&&%=8)
+&)%/&88
%'&%&8L
&)8)&*)&)
&+&)*
))%
-
7/29/2019 Smashing eBook Professional Web Design 1
235/242
/)&&)))%
&&)*&&+
&%&*)&
&*)*)&%)&
&)%3&&))
(&)&%
-
7/29/2019 Smashing eBook Professional Web Design 1
236/242
)&)%/8)
)&)IJ%0
&&%
+
)&I
KJ%)
)+)&
)&%6*&*&*8I/J%0
)&%/
))*&)&
%0)&)
%
9:..
-
+
/&+%&/)
*&)4%
'*%/)&)&%6/)
E&*/%
-
7/29/2019 Smashing eBook Professional Web Design 1
237/242
*)*
%&)&
+%&E)&
E&%
+
/))K/*
/&))%
)*)%1)&&)*/
&&&*/)8
%3&8)&*
)&%)&E*
!')*)
%0&
)%&&)*))*E)
%
+
9&%%)&)%=
E%-*&*%,
%%0EK
-
7/29/2019 Smashing eBook Professional Web Design 1
238/242
1))&
%/)&&
)&&)
)&%
/&E&
I)J*&&
&))))%
6&)(E!%
/&)
&A&%C/8)
)%
)&)%
**)!E)&
%/*+
)E))&&
)&%AC+%
"
/)&%)&
%'*)
&+)%-*
-
7/29/2019 Smashing eBook Professional Web Design 1
239/242
&))&*
&&))%'&
&*)&))%/)
&)/8)&&
)%
*/)&&*
&&)&E
)%F
&8&&%
9;.2(
-
+
6*&
+%*/)
&%
%4)*%
)&*&&
)%*/
8)&&
%1)&*E*&)%
-
7/29/2019 Smashing eBook Professional Web Design 1
240/242
.
0&L&L&)
%/&*&*&*&
&&
%**)
&(%
))%3&
8&*)%/
&&%0&
)%))*/%
&&
))%1)*&
&&)%0&)
&%
)&)&&
)%'*&
)&%*
)&)&
)&)%*
&&*&&
%-)&
*&&)>
)**))&
F%
-
7/29/2019 Smashing eBook Professional Web Design 1
241/242
/*/I)&
J&L&
L&&
))%//&
))
+%&*&*/&
F*%)
&*/&)%-
&*&
)%
1&&))*/)
&%%
6)
&&&F&
%3)&
&&*&)
&&%-F&))
&&&&%
&%&)%
'&*8&%
F*+&)%
-
7/29/2019 Smashing eBook Professional Web Design 1
242/242
"
)&%*
%-
)%)