forked from dkriegls/itmd-362-fall2022
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlinks.html.bak
103 lines (98 loc) · 4.8 KB
/
links.html.bak
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en" id="link" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<title>ITMD 362: Human-Computer Interaction and Web Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<link rel="stylesheet" href="css/screen.css" media="screen" />
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="site.js"></script>
</head>
<body>
<div id="page">
<header id="header">
<h1><small>ITMD 362: <!--UPDATE-->Fall 2021</small> Human-Computer Interaction and Web Design</h1>
<p class="tagline">
Principles and practices of HCI through a mobile-first approach to web design and development.
Taught by <a href="#instructor">Professor Daniel Krieglstein</a>. Course developed by IIT Professors
<a href="https://humansciences.iit.edu/faculty/karl-stolley">Dr. Karl Stolley</a> & Dr. Daniel Krieglstein.
</p>
<nav id="navigation">
<ul class="nav">
<li id="nav-cal"><a href="index.html">Calendar</a></li>
<li id="nav-pro"><a href="projects.html">Projects</a></li>
<li id="nav-pol"><a href="syllabus.html">Syllabus</a></li>
<li id="nav-lnk"><a href="#">Links</a></li>
</ul>
</nav>
</header>
<main id="content">
<article id="links">
<h3 id="h3wide">Important Links</h3>
<div class="link-group">
<section id="course-resources">
<h4>Course Resources</h4>
<ul>
<li><a href="https://3.basecamp.com/3649431/projects/">Basecamp</a> (<a href="https://basecamp.com/help/3/guides/apps">apps</a>)</li>
<!--UPDATE--><li><a href="https://github.com/dkriegls/itmd-362-fall2021">Github repository for his class</a></li>
</ul>
</section>
<section id="essential-tools">
<h4>Essential Tools</h4>
<ul>
<li><a href="https://validator.w3.org/">HTML Validator</a> (W3.org)</li>
<li><a href="https://jigsaw.w3.org/css-validator/">CSS Validator</a> (W3.org)</li>
<li><a href="http://jshint.com/">JSHint</a> (Web)</li>
<li><a href="http://esprima.org/demo/validate.html">JS Validator</a> (Esprima)</li>
<li><a href="http://meyerweb.com/eric/tools/css/reset/reset.css">Eric Meyer CSS Reset</a></li>
</ul>
</section>
<section id="essential-references">
<h4>Essential References</h4>
<ul>
<li id="mdn"><a href="https://developer.mozilla.org/en-US/">Mozilla Developer Network</a> (MDN)
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference">HTML</a> ∕
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference">CSS</a> ∕
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">JavaScript</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Reference/API">Web APIs & DOM</a></li>
</ul>
</li>
<li id="technical-specifications">Technical Specifications
<ul>
<li><a href="http://www.w3.org/TR/html5/">HTML5</a> (W3C)</li>
<li><a href="https://developers.whatwg.org">HTML: The Living Standard</a> (WHATWG)</li>
<li><a href="http://www.w3.org/Style/CSS/Overview.en.html">CSS</a> (W3C)</li>
<li><a href="http://www.ecma-international.org/ecma-262/7.0/index.html">ECMAScript 2016</a> (Ecma)</li>
</ul>
</li>
</ul>
</section>
</div>
</article>
</main>
<aside id="instructor">
<h3>Instructor</h3>
<ul>
<li><a href="https://appliedtech.iit.edu/people/daniel-krieglstein">Prof. Daniel Krieglstein</a></li>
<li><a href="mailto:dkriegls@gmail.com">dkriegls@gmail.com</a></li>
<li><a href="https://www.linkedin.com/in/danielkrieglstein">danielkrieglstein</a> on Linkedin</li>
<li id="office-hours">
<b>Office hours are by request just before or after class</b>. I regularly check my email.
Message me any time. I make students a priority.
</li>
</ul>
</aside>
<footer id="footer">
<p class="fineprint">
Course site design by <a href="https://karlstolley.com/">Karl Stolley</a> and Daniel Krieglstein.
Syllabus licensed under
<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons</a>.
Source hosted on GitHub. Big thanks to
<a href="https://basecamp.com">Basecamp</a> for free university access.
</p>
</footer>
</div>
</body>
</html>