-
Notifications
You must be signed in to change notification settings - Fork 0
/
table-of-contents.html
88 lines (88 loc) · 4.14 KB
/
table-of-contents.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<div id="container">
<a href="#" class="menu-trigger">MENU</a>
<ul id="menu" class="monmenu">
<!-- about me -->
<li><a href="#about">About Me</a>
<ul>
<li><a href="https://sayhello.bauska.org">Say Hello</a></li>
<li><a href="https://briansblog.bauska.org">Brian's Blog</a></li>
<li><a href="https://brians-template.bauska.org">Example Templates</a></li>
<li><a href="https://cellardoor.bauska.org">Cellar Door</a></li>
<li><a href="https://brians-recipes.bauska.org">Recipes</a></li>
<li><a href="https://brians-resume.bauska.org">Resume</a></li>
</ul>
<!-- week 1 -->
<li><a href="#ch1">Week 1: Style with Responsive Design</a>
<ul>
<li><a href="#ch1-01">1.01 Introduction to Responsive Design</a>
<li><a href="#ch1-02">What is Responsive Design?</a></li>
<li><a href="#ch1-03">Testing Existing Sites</a></li>
<li><a href="#ch1-04">Benefits of Responsive Design</a></li>
<li><a href="#ch1-05">Fluid Measurements</a></li>
<li><a href="#ch1-06">Code With Me: Fluid Measurements</a></li>
<li><a href="#ch1-addl">Additional Readings</a>
<ul>
<li><a href="#ch1-a">Syllabus</a></li>
<li><a href="#ch1-b">Resources</a></li>
<li><a href="#ch1-c">Fluid Measurements Backrground Readings</a></li>
<li><a href="#ch1-d">Pixel to Em Conversion Tool</a></li>
<li><a href="#ch1-e">Dynamically Change the Size of Fonts with Sliders</a></li>
<li><a href="#ch1-f">CSS Definitions of Relative and Absolute</a></li>
</ul>
</li>
</ul>
<!-- week 2 -->
<li><a href="#ch2">Week 2: Basic Concepts</a>
<ul>
<li><a href="#ch2-01">Media Queries</a></li>
<li><a href="#ch2-02">Code With Me: Measurements and Media Queries</a></li>
<li><a href="#ch2-03">Wire Frames</a></li>
<li><a href="#ch2-04">Breakpoints</a></li>
<li><a href="#ch2-05">Media Queries Part Two</a></li>
<li><a href="#ch2-06">Code With Me: Responsive Navigation</a></li>
<li><a href="#ch2-addl">Additional Readings</a>
<ul>
<li><a href="#ch2-a">Good Examples of Responsive Design</a></li>
<li><a href="#ch2-b">Review: Media Queries & Breakpoints</a></li>
</ul>
</li>
</ul>
<!-- week 3 -->
<li><a href="#ch3">Week Three: Use Existing Frameworks</a>
<ul>
<li><a href="#ch3-01">Frameworks</a></li>
<li><a href="#ch3-02">Intro to Twitter Bootstrap 3 & 4</a></li>
<li><a href="#ch3-03">Bootstrap Breakpoints</a></li>
<li><a href="#ch3-04">Getting Started with Bootstrap 4</a></li>
<li><a href="#ch3-05">Bootstrap Grid System</a></li>
<li><a href="#ch3-06">Code With Me: Grid Examples</a></li>
<li><a href="#ch3-07">Bootstrap Navigation</a></li>
<li><a href="#ch3-addl">Additional Readings</a>
<ul>
<li><a href="#ch3-a">Demystifying Bootstrap</a></li>
<li><a href="#ch3-b">Review: Bootstrap</a></li>
<li><a href="#ch3-c">Grid System Check</a></li>
</ul>
</li>
</ul>
<!-- week 4 -->
<li><a href="#ch4">Week 4: Experiment!</a>
<ul>
<li><a href="#ch4-01">Responsive Images</a></li>
<li><a href="#ch4-02">Bootstrap Tables</a></li>
<li><a href="#ch4-03">Code With Me: Advanced Navigation</a></li>
<li><a href="#ch4-04">What Are Templates?</a></li>
<li><a href="#ch4-05">Bootstrap 4/5</a></li>
<li><a href="#ch4-06">Conclusion</a></li>
<li><a href="#ch4-addl">Additional Readings</a>
<ul>
<li><a href="ch4-a">The Evolution of the Airbnb front-end development</a></li>
<li><a href="ch4-b">Debugging Your Style</a></li>
<li><a href="ch4-c">More on Debug/Develop</a></li>
</ul>
</li>
</ul>
<li><a href="#contact">Contact Me</a></li>
<li><a href="#support">Support</a></li>
</ul> <!-- id="menu" class="monmenu" -->
</div> <!-- id="container" -->