Skip to content

Instantly share code, notes, and snippets.

View rsgranne's full-sized avatar

Scott Granneman rsgranne

View GitHub Profile
@rsgranne
rsgranne / soup.html
Created February 20, 2018 16:17
Soup HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Soup</title>
<link rel="stylesheet" href="/css/main-00.css">
</head>
<body>
@rsgranne
rsgranne / index.html
Last active November 28, 2017 05:06
Layout Methods home page
<h2>HTML <code>&lt;table&gt;</code></h2>
<p>
No CSS. All layout done with HTML only. Wide usage of 1×1 pixel GIFs for “border” &amp; spacing. Lots of extra HTML &amp; presentational markup in HTML. Can’t use HTML5 DTD, because it doesn’t allow attributes you need for using tables for layout.
</p>
<p>
Crude &amp; very limited. Can’t set border on certain cells, or certain sides of cells, only for table as a whole. Cellpadding affects all cells equally.
</p>
@rsgranne
rsgranne / index.html
Last active October 28, 2017 17:02
HTML used for the CSS Cascade assignment
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colors :: Home</title>
<style>
article {
background-color: pink;
font-family: Georgia, serif;
}
@rsgranne
rsgranne / index.html
Created October 27, 2017 14:13
Font Embedding — Colostomo HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colostomo Inc.</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
@rsgranne
rsgranne / index.html
Created October 26, 2017 13:39
HTML for Colostomo font embedding assignment
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colostomo Inc.</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<header>
// Place your settings in this file to overwrite the default settings
{
"breadcrumbs.enabled": true,
"editor.acceptSuggestionOnEnter": "on",
"editor.detectIndentation": false,
"editor.fontFamily": "'Source Code Pro', Menlo, Consolas, Courier, monospace",
"editor.fontSize": 11,
"editor.formatOnSave": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.quickSuggestions": {
{
/*
// Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// ${1}, ${2} for tab stops, ${0} for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
{
"html": {
"filters": "html, e",
"abbreviations": {},
"snippets": {
"!": "!!!+html>(head>meta[charset=UTF-8]+title+link[rel=stylesheet href=/css/${1:main}.css])+body",
"boot3": "!!!+html>(head>meta[charset=UTF-8]+meta[http-equiv=X-UA-Compatible content=${bootstrap-ie-meta}]+meta[name=viewport content=${bootstrap-vp-meta}]+{\n}+title+{\n}+link[rel=stylesheet href=/css/${1:bootstrap}.css]+link[rel=stylesheet href=/css/${1:main}.css])+(body>h1+{\n}+{\n}+script[src=${jquery-cdn}]+script[src=/js/bootstrap.min.js])",
"boot3cdn": "!!!+html>(head>meta[charset=UTF-8]+meta[http-equiv=X-UA-Compatible content=${bootstrap-ie-meta}]+meta[name=viewport content=${bootstrap-vp-meta}]+{\n}+title+{\n}+link[rel=stylesheet href=${bootstrap-css-cdn} integrity=${bootstrap-css-cdn-integrity} crossorigin=anonymous]+link[rel=stylesheet href=/css/${1:main}.css])+(body>h1+{\n}+{\n}+script[src=${jquery-cdn}]+script[src=${bootstrap-js-cdn} integrity=${boostrap-js-cdn-integri
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
html {
font-size: 16px;
}
body {
padding: 1em;
font-family: "Georgia Pro", Georgia, serif;
line-height: 1.3;
}