Skip to content

Instantly share code, notes, and snippets.

View rblakejohnson's full-sized avatar

Blake Johnson rblakejohnson

View GitHub Profile
@rblakejohnson
rblakejohnson / inline links larger
Last active October 12, 2015 05:28
CSS: inline links larger
@rblakejohnson
rblakejohnson / clear-fix.css
Last active December 14, 2015 13:19
CSS: Clear fix
.group:after {
content: " ";
display: table;
clear: both;
}
@rblakejohnson
rblakejohnson / box-sizing.css
Last active December 14, 2015 13:28
CSS: box-sizing
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@rblakejohnson
rblakejohnson / gist:5110192
Created March 7, 2013 17:58
HTML: responsive, lazy image
<noscript class="lazy" data-mobile="images/mobile.jpg" data-desktop="images/desktop.jpg">
<img src="images/desktop.jpg" alt="" />
</noscript>
@rblakejohnson
rblakejohnson / gist:5111317
Last active December 14, 2015 15:58
HTML: lazy image
<noscript class="lazy" data-desktop="images/imagename.jpg" data-alt="">
<img src="images/imagename.jpg" alt="" />
</noscript>
@rblakejohnson
rblakejohnson / gist:5127344
Created March 10, 2013 06:13
CSS: img base style
img {
border: 0;
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
@rblakejohnson
rblakejohnson / gist:5146099
Created March 12, 2013 19:22
JS: flexslider object
var flexslider = $(".flexslider").data("flexslider")
@rblakejohnson
rblakejohnson / gist:5155943
Created March 13, 2013 20:41
CSS: normalize
/*! cherry picked version of git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
@rblakejohnson
rblakejohnson / gist:5399055
Created April 16, 2013 19:52
HTML: bullet list
<ul class="bullet-list">
<li>Lorem ipsum dolor sit met, consect etur dip * isicing elit, sed do eus mod * temp or incididunt ut labore et dolore magna aliqua</li>
<li>dolor sit met, consect etur dip * isicing elit, sed</li>
<li>Iipsum dolor sit met, consect etur dip * isicing elit, sed do eus mod * temp or incididunt ut labore et dolore magna aliqua. Sicing elit, sed do eus mod.</li>
</ul>
@rblakejohnson
rblakejohnson / new_gist_file
Created May 19, 2013 04:59
HTML: Base HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!-- forces IE to play nice -->
<link rel="shortcut icon" href="favicon.ico" />
<title>Title</title>