00. Introduction |
1 |
01. Welcome |
|
3.87 MB |
|
|
2 |
01. Welcome |
|
1.31 KB |
|
|
3 |
02. Using the Exercise Files |
|
2.92 MB |
|
|
4 |
02. Using the Exercise Files |
|
6.17 KB |
|
|
01. Layout Basics |
5 |
01. Box Model Review |
|
6.72 MB |
|
|
6 |
01. Box Model Review |
|
15.47 KB |
|
|
7 |
02. Calculating Element Dimensions |
|
8.88 MB |
|
|
8 |
02. Calculating Element Dimensions |
|
20.25 KB |
|
|
9 |
03. Understanding Margin Collapse |
|
8.31 MB |
|
|
10 |
03. Understanding Margin Collapse |
|
14.37 KB |
|
|
11 |
04. Calculating em Values |
|
8.63 MB |
|
|
12 |
04. Calculating em Values |
|
13.17 KB |
|
|
13 |
05. Calculating Percentage Values |
|
18.00 MB |
|
|
14 |
05. Calculating Percentage Values |
|
12.52 KB |
|
|
15 |
06. Normal Document Flow |
|
15.03 MB |
|
|
16 |
06. Normal Document Flow |
|
24.15 KB |
|
|
17 |
07. Controlling Element Display |
|
9.31 MB |
|
|
18 |
07. Controlling Element Display |
|
15.92 KB |
|
|
19 |
08. Using CSS Resets |
|
6.60 MB |
|
|
20 |
08. Using CSS Resets |
|
12.99 KB |
|
|
21 |
09. Fixed, Fluid, and Responsive Layouts |
|
24.87 MB |
|
|
22 |
09. Fixed, Fluid, and Responsive Layouts |
|
16.58 KB |
|
|
23 |
10. CSS Debugging Tools |
|
6.33 MB |
|
|
24 |
10. CSS Debugging Tools |
|
11.82 KB |
|
|
25 |
11. Using the Firebug Inspector and the WebKit Web Inspector |
|
11.60 MB |
|
|
26 |
11. Using the Firebug Inspector and the WebKit Web Inspector |
|
19.95 KB |
|
|
02. Design Considerations |
27 |
01. Page Design Workflow |
|
2.15 MB |
|
|
28 |
01. Page Design Workflow |
|
5.29 KB |
|
|
29 |
02. Page Design Tools |
|
9.62 MB |
|
|
30 |
02. Page Design Tools |
|
8.35 KB |
|
|
31 |
03. Determining Page Structure |
|
6.16 MB |
|
|
32 |
03. Determining Page Structure |
|
14.19 KB |
|
|
33 |
04. Creating Image Assets |
|
8.26 MB |
|
|
34 |
04. Creating Image Assets |
|
16.75 KB |
|
|
35 |
05. Creating Initial Page Structure |
|
6.40 MB |
|
|
36 |
05. Creating Initial Page Structure |
|
12.79 KB |
|
|
37 |
06. Adding Meaning with Classes and IDs |
|
4.30 MB |
|
|
38 |
06. Adding Meaning with Classes and IDs |
|
9.70 KB |
|
|
39 |
07. Structuring Content with HTML5 |
|
4.85 MB |
|
|
40 |
07. Structuring Content with HTML5 |
|
10.84 KB |
|
|
41 |
08. Building Internal Structure |
|
10.36 MB |
|
|
42 |
08. Building Internal Structure |
|
19.27 KB |
|
|
03. Working with Floats |
43 |
01. Floating Elements |
|
6.17 MB |
|
|
44 |
01. Floating Elements |
|
12.85 KB |
|
|
45 |
02. Clearing Floats |
|
6.32 MB |
|
|
46 |
02. Clearing Floats |
|
12.36 KB |
|
|
47 |
03. Containing Floats |
|
6.15 MB |
|
|
48 |
03. Containing Floats |
|
13.33 KB |
|
|
49 |
04. Clearfix Technique |
|
8.98 MB |
|
|
50 |
04. Clearfix Technique |
|
17.40 KB |
|
|
51 |
05. Floating Inline Elements |
|
18.17 MB |
|
|
52 |
05. Floating Inline Elements |
|
25.32 KB |
|
|
53 |
06. Two-Column Floated Layouts |
|
7.65 MB |
|
|
54 |
06. Two-Column Floated Layouts |
|
13.71 KB |
|
|
55 |
07. Three-Column Floated Layouts |
|
11.16 MB |
|
|
56 |
07. Three-Column Floated Layouts |
|
18.92 KB |
|
|
57 |
08. Column Height Considerations |
|
8.38 MB |
|
|
58 |
08. Column Height Considerations |
|
11.26 KB |
|
|
59 |
09. Creating Equal-Height Columns |
|
21.36 MB |
|
|
60 |
09. Creating Equal-Height Columns |
|
17.79 KB |
|
|
61 |
10. Floats - Lab |
|
7.58 MB |
|
|
62 |
10. Floats - Lab |
|
9.95 KB |
|
|
63 |
11. Floats - Solution |
|
6.60 MB |
|
|
64 |
11. Floats - Solution |
|
9.46 KB |
|
|
04. Positioning Elements |
65 |
01. Relative Positioning |
|
6.77 MB |
|
|
66 |
01. Relative Positioning |
|
13.14 KB |
|
|
67 |
02. Absolute Positioning |
|
8.32 MB |
|
|
68 |
02. Absolute Positioning |
|
14.12 KB |
|
|
69 |
03. Fixed Positioning |
|
7.17 MB |
|
|
70 |
03. Fixed Positioning |
|
6.86 KB |
|
|
71 |
04. Controlling Stacking Order |
|
8.71 MB |
|
|
72 |
04. Controlling Stacking Order |
|
13.31 KB |
|
|
73 |
05. Clipping Content |
|
7.32 MB |
|
|
74 |
05. Clipping Content |
|
13.86 KB |
|
|
75 |
06. Controlling Content Overflow |
|
15.28 MB |
|
|
76 |
06. Controlling Content Overflow |
|
8.92 KB |
|
|
77 |
07. Positioning Elements - Lab |
|
4.73 MB |
|
|
78 |
07. Positioning Elements - Lab |
|
7.00 KB |
|
|
79 |
08. Positioning Elements - Solution |
|
5.62 MB |
|
|
80 |
08. Positioning Elements - Solution |
|
6.41 KB |
|
|
05. Building Fixed Layouts |
81 |
01. Design Considerations for Fixed Layouts |
|
2.43 MB |
|
|
82 |
01. Design Considerations for Fixed Layouts |
|
5.33 KB |
|
|
83 |
02. Establishing the Layout Grid |
|
5.79 MB |
|
|
84 |
02. Establishing the Layout Grid |
|
13.73 KB |
|
|
85 |
03. Defining Column Spacing |
|
8.31 MB |
|
|
86 |
03. Defining Column Spacing |
|
15.95 KB |
|
|
87 |
04. Applying the Grid Through CSS |
|
12.88 MB |
|
|
88 |
04. Applying the Grid Through CSS |
|
15.19 KB |
|
|
89 |
05. Creating Grid Based Assets |
|
20.86 MB |
|
|
90 |
05. Creating Grid Based Assets |
|
15.24 KB |
|
|
91 |
06. Grid Design Resources |
|
10.84 MB |
|
|
92 |
06. Grid Design Resources |
|
11.10 KB |
|
|
93 |
07. Building Fixed Layouts - Lab |
|
4.51 MB |
|
|
94 |
07. Building Fixed Layouts - Lab |
|
7.20 KB |
|
|
06. Building Flexible Layouts |
95 |
01. Designing with Flexible Layouts |
|
2.82 MB |
|
|
96 |
01. Designing with Flexible Layouts |
|
4.08 KB |
|
|
97 |
02. Calculating Percentage Values |
|
7.71 MB |
|
|
98 |
02. Calculating Percentage Values |
|
14.01 KB |
|
|
99 |
03. Setting Flexible Width Values |
|
14.17 MB |
|
|
100 |
03. Setting Flexible Width Values |
|
10.64 KB |
|
|
101 |
04. Making Images Flexible |
|
21.28 MB |
|
|
102 |
04. Making Images Flexible |
|
14.11 KB |
|
|
103 |
05. Setting Minimum and Maximum Widths |
|
17.21 MB |
|
|
104 |
05. Setting Minimum and Maximum Widths |
|
12.72 KB |
|
|
105 |
06. Building Flexible Layouts - Lab |
|
8.62 MB |
|
|
106 |
06. Building Flexible Layouts - Lab |
|
8.41 KB |
|
|
107 |
07. Building Flexible Layouts - Solution |
|
11.56 MB |
|
|
108 |
07. Building Flexible Layouts - Solution |
|
11.52 KB |
|
|
07. Building Responsive Layouts |
109 |
01. Responsive Layout Overview |
|
4.93 MB |
|
|
110 |
01. Responsive Layout Overview |
|
6.42 KB |
|
|
111 |
02. Using Media Queries |
|
10.02 MB |
|
|
112 |
02. Using Media Queries |
|
12.63 KB |
|
|
113 |
03. Organizing Styles |
|
9.05 MB |
|
|
114 |
03. Organizing Styles |
|
16.24 KB |
|
|
115 |
04. Making Content Responsive |
|
12.26 MB |
|
|
116 |
04. Making Content Responsive |
|
15.11 KB |
|
|
117 |
05. Mobile Design Considerations |
|
8.77 MB |
|
|
118 |
05. Mobile Design Considerations |
|
13.86 KB |
|
|
119 |
06. Building Responsive Layouts - Lab |
|
7.90 MB |
|
|
120 |
06. Building Responsive Layouts - Lab |
|
7.85 KB |
|
|
121 |
07. Building Responsive Layouts - Solution |
|
14.03 MB |
|
|
122 |
07. Building Responsive Layouts - Solution |
|
16.26 KB |
|
|
08. Enhancing Page Design |
123 |
01. Creating Multi-Column Text |
|
10.54 MB |
|
|
124 |
01. Creating Multi-Column Text |
|
11.02 KB |
|
|
125 |
02. Using Borders to Enhance Design |
|
15.11 MB |
|
|
126 |
02. Using Borders to Enhance Design |
|
23.85 KB |
|
|
127 |
03. Rounding Corners |
|
6.08 MB |
|
|
128 |
03. Rounding Corners |
|
11.50 KB |
|
|
129 |
04. Adding Drop Shadows |
|
10.25 MB |
|
|
130 |
04. Adding Drop Shadows |
|
17.85 KB |
|
|
131 |
05. Working with Opacity |
|
7.43 MB |
|
|
132 |
05. Working with Opacity |
|
9.62 KB |
|
|
133 |
06. Utilizing the Background Property |
|
13.42 MB |
|
|
134 |
06. Utilizing the Background Property |
|
26.18 KB |
|
|
135 |
07. Working with CSS Sprites |
|
6.33 MB |
|
|
136 |
07. Working with CSS Sprites |
|
14.16 KB |
|
|
137 |
08. Enhancing Page Design - Lab |
|
12.14 MB |
|
|
138 |
08. Enhancing Page Design - Lab |
|
10.64 KB |
|
|
139 |
09. Enhancing Page Design - Solution |
|
11.26 MB |
|
|
140 |
09. Enhancing Page Design - Solution |
|
15.18 KB |
|
|
09. Additional Resources |
141 |
01. Additional Resources |
|
9.39 MB |
|
|
142 |
01. Additional Resources |
|
10.75 KB |
|
|
10. ZZZ - فایلهای تمرینی |
143 |
Ex_Files_CSS_Page_Layout |
|
50.77 MB |
|
|