Skip to content

Instantly share code, notes, and snippets.

View markmichon's full-sized avatar

Mark Michon markmichon

34 followers · 1 following
View GitHub Profile
@markmichon
markmichon / gist:2401443
Created April 16, 2012 20:54
CSS: Word Wrap
-ms-word-break: break-all;
word-break: break-all;
// Non standard for webkit
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
@markmichon
markmichon / gist:2407618
Created April 17, 2012 17:24
HTML: HTML5 Boilerplate Template
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
@markmichon
markmichon / gist:2416253
Created April 18, 2012 20:14
HTML: Placeholder Image Template
<img src="http://placehold.it/350x150">
@markmichon
markmichon / gist:2483208
Created April 24, 2012 20:05
CSS: HTML5 BP CSS Template
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
@markmichon
markmichon / gist:2509192
Created April 27, 2012 13:25
HTML: Viewport meta tag
<meta name="viewport" content="initial-scale=1.0, width=device-width"/>
@markmichon
markmichon / gist:2777224
Created May 23, 2012 19:23
HTML: Basic Page Structure
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="initial-scale=1.0, width=device-width"/>
<link rel="stylesheet" href="css/style.css">
</head>
@markmichon
markmichon / gist:2777431
Created May 23, 2012 20:02
Useful Github Commands
//Git Commands
# NOTES: Lines starting with // or # are comments and should not be typed into terminal. Please be careful of your spelling, spacing, and case before initiating a command in terminal.
//Standards Commands to push to github (in order)
git add .
# adds all files and folders that contain files to be commited
git status
# shows what changes are going to be commited
@markmichon
markmichon / dabblet.css
Created June 18, 2012 05:42
Untitled
span {
margin: 50px;
font: bold 5em/1.5 Futura;
background: #ccc;
color: #fff;
border-radius: 15%;
padding: 0 .2em;
box-shadow: 0 0 10px #222;
}
@markmichon
markmichon / dabblet.css
Created June 26, 2012 01:17
Hidden Content with :target
/**
* Hidden Content with :target
*/
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
ul {
@markmichon
markmichon / gist:3004746
Created June 27, 2012 15:17
Shades of Black
#212121 Dark Black
#353535 Black
#2B2A29 Black
#444751 Black
#A2A3A8 Grey