Skip to content

Instantly share code, notes, and snippets.

Avatar

Chris Henrick clhenrick

View GitHub Profile
@clhenrick
clhenrick / index.html
Last active Aug 29, 2015
mfa bootcamp day 3 demo code: more selectors
View index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>CSS Selectors</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height, width: 100%;
}
@clhenrick
clhenrick / index.html
Last active Aug 29, 2015
mfa bootcamp day 3 demo code
View index.html
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<title>Day 02: CSS</title>
<link rel="stylesheet" type="text/css" href="./styles.css"> <!-- I modified the path here so the css file will show up on the live code -->
</head>
<body>
<a href="http://cartodb.com/">CartoDB</a> is Awesome!
@clhenrick
clhenrick / index.html
Created Jul 31, 2014
mfa bootcamp day 4 demo code: positioning and sizing
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web Day 04</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="box box1">
@clhenrick
clhenrick / index.html
Created Aug 1, 2014
mfa dt bootcamp web class css positioning example 7: using absolute positioning to make a two column layout
View index.html
<!DOCTYPE html>
<!-- Credit:These positioning examples are credited to Noah Stokes' blog post on A List Apart, CSS positioning 101: http://alistapart.com/article/css-positioning-101
-->
<html>
<head>
<meta charset="utf-8">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Example H</title>
<style>
@clhenrick
clhenrick / index.html
Created Aug 1, 2014
mfa dt bootcamp web class css positioning example 8: position fixed
View index.html
<!DOCTYPE html>
<!-- Credit:These positioning examples are credited to Noah Stokes' blog post on A List Apart, CSS positioning 101: http://alistapart.com/article/css-positioning-101
-->
<html>
<head>
<meta charset="utf-8">
<title>Position Fixed Example</title>
<style>
h1, h3, div {
z-index: 10;
@clhenrick
clhenrick / index.html
Created Aug 1, 2014
mfa dt bootcamp web class css positioning example 9: using positions static, relative and fixed to create a mock website layout
View index.html
<!DOCTYPE html >
<!-- Code credit: A List Apart: http://alistapart.com/article/css-positioning-101 -->
<html>
<head>
<meta charset="utf-8">
<title>Positioning together: Mock Website</title>
<style>
body {
margin: 0;
font: normal 12px/18px 'Helvetica', Arial, sans-serif;
@clhenrick
clhenrick / index.html
Last active Aug 29, 2015
mfa dt bootcamp web class css positioning example 1: static
View index.html
<!DOCTYPE html >
<html>
<!-- Credit:These positioning examples are credited to Noah Stokes' blog post on A List Apart, CSS positioning 101: http://alistapart.com/article/css-positioning-101
-->
<head>
<meta charset="utf-8">
<title>Boxes positioned static</title>
<style>
body{
height: 100%;
@clhenrick
clhenrick / index.html
Created Aug 1, 2014
mfa dt bootcamp web class css positioning example 2: relative
View index.html
<!DOCTYPE html>
<!-- Credit:These positioning examples are credited to Noah Stokes' blog post on A List Apart, CSS positioning 101: http://alistapart.com/article/css-positioning-101
-->
<html>
<head>
<meta charset="utf-8">
<title>Boxes positioned relative</title>
<style>
.box {
position: relative; /* positioning our boxes relative */
@clhenrick
clhenrick / index.html
Last active Aug 29, 2015
mfa dt bootcamp web class css positioning example 3: relative with child
View index.html
<!doctype html>
<!-- Credit:These positioning examples are credited to Noah Stokes' blog post on A List Apart, CSS positioning 101: http://alistapart.com/article/css-positioning-101
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>box inside a box positioned relative</title>
<style>
/* CSS hasn't changed! */
.box {
@clhenrick
clhenrick / index.html
Last active Aug 29, 2015
mfa dt bootcamp web class css positioning example 4: absolute
View index.html
<!DOCTYPE html>
<!-- Credit:These positioning examples are credited to Noah Stokes' blog post on A List Apart, CSS positioning 101: http://alistapart.com/article/css-positioning-101
-->
<html>
<head>
<meta charset="utf-8">
<title>Example E</title>
<style>
h1, h3, div {
z-index: 10;
You can’t perform that action at this time.