Skip to content

Instantly share code, notes, and snippets.

View brianbroken's full-sized avatar

Brian brianbroken

0 followers · 1 following
View GitHub Profile
@brianbroken
brianbroken / starter_template.html
Last active December 16, 2015 16:49
HTML: Starter template
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
@brianbroken
brianbroken / IE condition.html
Last active December 16, 2015 17:30
HTML: Add Body Class Just For IE
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html dir="ltr" lang="en-US" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US" class="no-js"><!--<![endif]-->
@brianbroken
brianbroken / form.html
Last active December 16, 2015 17:30
HTML: Example for mark-up
<form id="myForm" action="#" method="post">
<div>
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" tabindex="1">
</div>
<div>
<h4>Radio Button Choice</h4>
@brianbroken
brianbroken / index.html
Last active December 16, 2015 17:30
HTML: html5 page structure
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Your Website</title>
</head>
<body>
@brianbroken
brianbroken / index.html
Last active December 16, 2015 17:30
HTML: HTML5 Article Structure with hNews
<article class="hentry">
<header>
<h1 class="entry-title">But Will It Make You Happy?</h1>
<time class="updated" datetime="2010-08-07 11:11:03-0400" pubdate>08-07-2010</time>
<p class="byline author vcard">
By <span class="fn">Stephanie Rosenbloom</span>
</p>
</header>
<div class="entry-content">
@brianbroken
brianbroken / iphone_call_link.html
Last active March 24, 2022 18:19
HTML: iPhone Calling and Texting Links
@brianbroken
brianbroken / table.html
Last active December 16, 2015 17:30
HTML: empty table mark-up
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
@brianbroken
brianbroken / index.html
Last active December 16, 2015 17:30
HTML: Left & Right Halves Layout
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Website down for maintenance</title>
</head>
@brianbroken
brianbroken / mailto.html
Last active December 16, 2015 17:30
HTML: Mailto Links
<a href="mailto:someone@yoursite.com">Email Us</a>
@brianbroken
brianbroken / gist:5471249
Created April 27, 2013 00:04
CSS: Basic Link rollover as CSS sprite
a {
display: block;
background: url(sprite.png) no-repeat;
height: 30px;
width: 250px;
}
a:hover {
background-position: 0 -30px;