Skip to content

Instantly share code, notes, and snippets.

View dpheitmeyer's full-sized avatar

David Heitmeyer dpheitmeyer

8 followers · 0 following
View GitHub Profile
@dpheitmeyer
dpheitmeyer / index.html
Created May 14, 2021 17:28
We all scream for ice cream! // source https://jsbin.com/vuvisig
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>We all scream for ice cream!</title>
<style id="jsbin-css">
fieldset.hide {
display: none;
}
@dpheitmeyer
dpheitmeyer / index.html
Created May 14, 2021 17:03
We all scream for ice cream (jQuery)
<h1>
We all scream for ice cream!
</h1>
<form method="get" name="ice_cream" id="ice_cream" action="https://cscie12.dce.harvard.edu/echo">
Would you like ice cream?
<label><input type="radio" name="want" id="ic_yes" value="yes" />Yes</label>
<label><input type="radio" name="want" id="ic_no" value="no" />No</label>
<fieldset id="icecream_options">
<legend>Ice Cream Options</legend>
@dpheitmeyer
dpheitmeyer / index.html
Last active October 1, 2019 16:10
Percentage widths, padding, margins, and box-sizing
<!DOCTYPE html>
<html lang="en">
<head>
<title>Percentage widths, padding, margins, and box-sizing</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
@dpheitmeyer
dpheitmeyer / README.md
Last active October 4, 2023 23:47
Using JS to Highlight Table Data based on scope or headers information

Table highlighting based on scope or headers information.

@dpheitmeyer
dpheitmeyer / index.html
Created December 18, 2015 21:39
Basic HTML Form
<!DOCTYPE html>
<html>
<head>
<title>Basic HTML Form</title>
<meta charset="utf-8" />
<body>
<h1>Basic HTML Form</h1>
<form method="post" action="http://morpheus.dce.harvard.edu/cgi-bin/echo.cgi">
@dpheitmeyer
dpheitmeyer / nested_lists.html
Last active March 15, 2016 18:55
CSCI E-12 Lists
<!DOCTYPE html>
<html>
<head>
<title>Headings</title>
<meta charset="UTF-8" />
</head>
<body>
<ul>
<li>Tea
<ul>
@dpheitmeyer
dpheitmeyer / README.md
Last active December 4, 2015 17:58
CSCIE-12 - Headings

Sections - Headings

Any single heading element wasn't technically only our "top" list, but collectively (h1,h2,h3,h4,h5,h6), these are important!

@dpheitmeyer
dpheitmeyer / README.md
Last active December 4, 2015 04:17
Line Breaks and white space characters (br element)

Line Breaks and white space characters (br element)

Since "white space" characters are ignored in rendering HTML, the br element is used for explicit line breaks.

Examples below are from the first part of Paul Revere's Ride

@dpheitmeyer
dpheitmeyer / README.md
Last active November 30, 2015 21:48
Clamshell Navigation

Clamshell Navigation

Nested list styled as "clamshell" navigation.

remove list styling make "a" element "block" display styles for secondary nested lists (e.g. selector for ul ul a)

@dpheitmeyer
dpheitmeyer / congress.js
Last active November 10, 2015 23:52
Simple Congress Listing using Angular
(function () {
var app = angular.module('congressApp',['congress-people']);
app.controller('CongressController', ['$http', function ($http) {
var congress = this;
congress.people = [];
$http.get('people.json').success(function (data) {
congress.people = data;
});
}]);