week-07.php

<?php include ('snippets/_header.php'); ?>


	<div class="container-fluid">
		<div class="inner">

			<?php include ('snippets/sidebar.php'); ?>

			<div class="content">
				<header class="site-header">
					<h6>March 9&#8212;13</h6>
					<h1>Week 07</h1>
				</header>

				<section id="description">
					<div class="container-fluid">
						<div class="inner">
							<div class="section-header">
								<h2>Lab</h2>
								<h3>Monday<br>3/9/15</h3>
							</div>
							<div class="section-content">
								<h5 class="txt-strong">Assignment 1&#8212;due at the end of class</h5>
								<p>Using DIVs, Classes, and IDs</p>
								<ol>
									<li><p>Copy the code for your Warby Parker wireframe into a new project</p></li>
									<li><p>Add a CSS file and link to it in your HTML</p></li>
									<li><p>Wrap sections of HTML into DIVs</p></li>
									<li><p>Add classes styles for colors, type sizes, etc.</p></li>
									<li><p>Add a style that will give every section a red border</p></li>
									<li><p>Upload the project to the class website</p></li>
								</ol>
								<br>
								<h5 class="txt-strong">Assignment 2&#8212;due before next week’s class</h5>
								<p>Codecademy <a href="http://www.codecademy.com/en/tracks/web">CSS Classes and IDs</a></p>

								<div class="links-list">
									<h6 class="mt-md">Reading list</h6>
									<ul>
										<li><a href="http://news.artnet.com/art-world/ways-of-seeing-instagram-37635/" target="_blank">Ways of Seeing Instagram</a></li>
										<li><a href="http://www.wired.com/2014/11/designing-brand-simple-enough-non-designers-use/" target="_blank">Designing a Brand Simple Enough for Non-Designers to Use</a></li>
										<li><a href="http://www.vulture.com/2014/01/history-of-the-selfie.html" target="_blank">Art at Arm’s Length: A History of the Selfie</a></li>
									</ul>
								</div>

								<div class="links-list">
									<h6 class="mt-md">Tools & resources</h6>
									<ul>
										<li><a href="assets/class-guides/week-07.pdf">Class Guide</a></li>
										<li><a href="http://codepen.io/pen/">Codepen</a></li>
										<li><a href="http://jsfiddle.net" />JSFiddle</li>
										<li><a href="http://www.w3schools.com/tags/">Mozilla CSS overview</a></li>
										<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference">Common CSS Properties reference</a></li>
										<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference">Mozilla CSS reference</a></li>
										<li><a href="https://github.com/jheftmann/ci-sp15/tree/master/code-samples/">Code samples</a></li>
									</ul>
								</div>
							</div>
						</div>
						<hr>
						<div class="inner">
							<div class="section-header">
							<h2>Studio</h2>
							<h3>Tuesday<br>3/10/15</h3>
							</div>
							<div class="section-content">
								<p>These are what we covered in class today:
									<ul>
										<li>Design Heroes</li>
										<li>User Testing</li>
										<li>Mood Board</li>
										<li><strong>ACTION ITEM: Create individual mood boards that incorporate typographic style, color scheme and imagery</strong></li>
									</ul>
								</p>
								<p>And here's the class guide deck from today's class: <a href="https://dl.dropboxusercontent.com/u/9476278/ci-sp15/Interaction_ClassGuide_031015.pdf">here</a>
								</P>
							</div>
							<div class="section-header">
							<h2>Studio</h2>
							<h3>Thursday<br>3/12/15</h3>
							</div>
							<div class="section-content">
								<p>These are what we covered in class today:
									<ul>
										<li>Notable This Week: Gadgets</li>
										<li>What's Happening Nex Week</li>
										<li>Naming</li>
										<li>Visual Design for Your Homepage</li>
										<li><strong>ACTION ITEM: Continue to work on your individual homepage design</strong></li>
									</ul>
								</p>
								<p>And here's the class guide deck from today's class: <a href="https://dl.dropboxusercontent.com/u/9476278/ci-sp15/Interaction_ClassGuide_031215.pdf">here</a>
								</P>
							</div>
						</div>
					</div>
				</section>

			</div>

		</div>
	</div>

<?php include ('snippets/_footer.php'); ?>