Skip to content

Instantly share code, notes, and snippets.

View cliftoncanady's full-sized avatar

cliftoncanady

View GitHub Profile
@cliftoncanady
cliftoncanady / gist:3863323
Created October 10, 2012 05:26
HTML: Starting Template
<!doctype html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Default Page Title</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<!--[if lt IE 9]>
@cliftoncanady
cliftoncanady / gist:3863352
Created October 10, 2012 05:34
CSS: Image Replacement
.ir {
border:0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
@cliftoncanady
cliftoncanady / gist:3863387
Created October 10, 2012 05:46
JAVASCIPT: Jquery PubSub
(function($) {
var o = $({});
$.subscribe = function() {
o.on.apply(o, arguments);
};
$.unsubscribe = function() {
o.off.apply(o, arguments);
@cliftoncanady
cliftoncanady / gist:3863400
Created October 10, 2012 05:52 — forked from padolsey/gist:527683
JavaScript: Detect IE
// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 5) then:
// ie === undefined
// If you're in IE (>=5) then you can determine which version:
// ie === 7; // IE7
// Thus, to detect IE:
// if (ie) {}
@cliftoncanady
cliftoncanady / gist:3952983
Created October 25, 2012 14:45
CSS: Clearfix Floats
.clearfix:before,
.container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }
@cliftoncanady
cliftoncanady / gist:3953464
Created October 25, 2012 15:40
CSS: Browser Resets
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
@cliftoncanady
cliftoncanady / gist:3953512
Created October 25, 2012 15:44
CSS: Full CSS3 Gradients
/*******
Full CSS3 Gradients
*************************************/
background-color: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#000');
background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#000));
background-image: -webkit-linear-gradient(top, #bbb, #000);
background-image: -moz-linear-gradient(top, #bbb, #000);
background-image: -ms-linear-gradient(top, #bbb, #000);
@cliftoncanady
cliftoncanady / gist:3953530
Created October 25, 2012 15:46
CSS: CSS3 Transforms
/*******
CSS3 Transforms
*************************************/
-webkit-transform: perspective(250) rotateX(45deg);
-moz-transform: perspective(250) rotateX(45deg);
-ms-transform: perspective(250) rotateX(45deg);
-o-transform: perspective(250) rotateX(45deg);
transform: perspective(250) rotateX(45deg);
@cliftoncanady
cliftoncanady / gist:3953540
Created October 25, 2012 15:47
CSS: Custom @font-face Typography
/*******
Custom @font-face Typography
*************************************/
@font-face{
font-family: 'MyFont';
src: url('myfont.eot');
src: url('myfont.eot?#iefix') format('embedded-opentype'),
url('myfont.woff') format('woff'),
url('myfont.ttf') format('truetype'),
url('myfont.svg#webfont') format('svg');
@cliftoncanady
cliftoncanady / gist:3953556
Created October 25, 2012 15:50
HTML: HTML Meta Tags for Responsive Layouts
<!-- HTML Meta Tags for Responsive Layouts -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">