Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View clhenrick's full-sized avatar

Chris Henrick clhenrick

264 followers · 186 following
View GitHub Profile
@clhenrick
clhenrick / index.html
Created August 1, 2014 19:25
mfa dt bootcamp web class css positioning example 7: using absolute positioning to make a two column layout
<!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 August 1, 2014 19:26
mfa dt bootcamp web class css positioning example 8: position fixed
<!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 August 1, 2014 19:29
mfa dt bootcamp web class css positioning example 9: using positions static, relative and fixed to create a mock website layout
<!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
Created August 4, 2014 22:20
mfa dt bootcamp web class: Floats demo 1
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Floats Demo</title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
@clhenrick
clhenrick / index.html
Created August 4, 2014 22:23
mfa dt bootcamp web class: Floats 2, child inheritance and clearing
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Float inheritance</title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
@clhenrick
clhenrick / index.html
Created August 4, 2014 22:28
mfa dt bootcamp web class: Floats 3; clearing with a subsequent element or clearfix
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Clearfixing Floats</title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
@clhenrick
clhenrick / readme.md
Last active August 29, 2015 14:05
cartodb-dorkshop.md

CartoDB Dorkshop Tutorial

Parsons, The New School For Design
August 9, 2014

About Me

I (Chris Henrick) have a professional background in Cartography and Geographic Information Systems. In undergrad I studied human geography, urban studies and fine art. Recently I have gotten more into web development, data visualization and interactive web-mapping.

What is this Dorkshop about?

@clhenrick
clhenrick / index.html
Last active August 29, 2015 14:05
mfa dt bootcamp web curriculum: javascript day one
<!DOCTYPEhtml>
<html>
<head>
<meta charset="utf-8">
<title>Javascript Day One</title>
<meta name="author" content="Chris Henrick and Fito Segura">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>An Ugly Webpage LOL</h1>
@clhenrick
clhenrick / index.html
Last active August 29, 2015 14:05
mfa dt web class: iterate over divs using JQuery
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Loop over DOM elements</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style type="text/css">
div {
width: 200px;
@clhenrick
clhenrick / index.html
Last active August 29, 2015 14:05
mfa dt bootcamp web: iterate over divs example 2 with _.shuffle
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Loop over DOM elements</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<style type="text/css">