Skip to content

Instantly share code, notes, and snippets.

View zackseuberling's full-sized avatar
💭
why

Zack Seuberling zackseuberling

💭
why
View GitHub Profile
@zackseuberling
zackseuberling / index.html
Last active December 11, 2015 18:09
Core interaction Lab 1, intro to HTML
<!doctype html>
<html>
<head>
<title>Core Interaction</title>
</head>
<body>
<!-- our content -->
@zackseuberling
zackseuberling / html-tags.html
Last active December 11, 2015 19:29
Core interaction Lab 1, possible HTML tags
<h1>Headers</h1>
<h2>Range</h2>
<h3>From</h3>
<h4>Big</h4>
<h5>To</h5>
<h6>Small</h6>
<hr />
<br />
@zackseuberling
zackseuberling / homework.html
Last active December 11, 2015 19:29
Core interaction lab 2, adding an external stylesheet
<!doctype html>
<html>
<head>
<title>Core Interaction</title>
<link rel="stylesheet" href="assets/css/global.css">
</head>
<body>
@zackseuberling
zackseuberling / global.css
Last active December 12, 2015 03:08
Core interaction lab 2, adding an external stylesheet
body {
}
#container {
}
#main-column {
<!doctype html>
<html>
<head>
<title>Core Interaction</title>
<link rel="stylesheet" href="assets/css/global.css">
</head>
<body>
<div id="container">
<div class="row"></div>
<div class="row"></div>
</div>
@zackseuberling
zackseuberling / global.css
Created February 4, 2013 04:06
Attributes and values
body {
background-color: maroon;
}
#container {
border-color: black;
border-style: solid;
border-width: 5px;
margin: 10px;
padding: 10px;
@zackseuberling
zackseuberling / global.css
Created February 7, 2013 04:24
Lab 3, Positioning
#container {
width: 960px;
}
.box {
background-color: blue;
height: 100px;
width: 100px;
}
@zackseuberling
zackseuberling / index.html
Created February 11, 2013 02:37
Lab 3, columns and positioning
<!doctype html>
<html>
<head>
<title>Core Interaction</title>
<link rel="stylesheet" href="assets/css/global.css">
</head>
<body>
@zackseuberling
zackseuberling / global.css
Last active December 14, 2015 04:28
Lab 6, positioning elements using the positon attribute
#container {
position: relative;
}
#relative-box {
position: absolute;
top: 100px;
left: 100px;
}