Skip to content

Instantly share code, notes, and snippets.

View designsdrivegists's full-sized avatar

designsdrivegists

View GitHub Profile
@designsdrivegists
designsdrivegists / insetborder
Created February 7, 2014 22:03
Inset border
-webkit-box-shadow (0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 0 rgba(255, 255, 255, 1.0));
-moz-box-shadow (0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 0 rgba(255, 255, 255, 1.0));
box-shadow (0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 0 rgba(255, 255, 255, 1.0));
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@designsdrivegists
designsdrivegists / index.html
Created November 3, 2013 07:44
Index Page Scaffold
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Getting Started with Responsive Web Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
@designsdrivegists
designsdrivegists / index.html
Created October 5, 2013 05:08
Bootstrap starter page
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
@designsdrivegists
designsdrivegists / clearfix
Created September 19, 2013 22:00
Clearfix hack
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}