Skip to content

Instantly share code, notes, and snippets.

View matt-bailey's full-sized avatar

Matt Bailey matt-bailey

43 followers · 5 following
  • GPMD
  • London, UK
View GitHub Profile
@matt-bailey
matt-bailey / index.html
Created June 27, 2012 16:03
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Papercut &middot; CodePen</title>
<style>
@matt-bailey
matt-bailey / gist:2519776
Created April 28, 2012 15:18
Responsive Image Test
<!doctype html>
<html>
<head>
<title>Responsive image test</title>
<meta charset="utf-8"/>
</head>
<body>
<div id="browser"></div>
@matt-bailey
matt-bailey / gist:2498745
Created April 26, 2012 10:50
Image sprite fading
/* http://css-tricks.com/fade-image-within-sprite/ */
/* HTML - <a href="#" class="arrow">Arrow<span></span></a> */
/* CSS */
.arrow {
display: inline-block;
position: relative;
text-indent: -9999px;
@matt-bailey
matt-bailey / gist:2497771
Created April 26, 2012 08:50
Image Replacement
/* H5BP image replacement: http://nicolasgallagher.com/another-css-image-replacement-technique/ */
.ir {
font: 0/0 a;
text-shadow: none;
color: transparent;
}
@matt-bailey
matt-bailey / cross-browser-inline-block.css
Created April 10, 2012 09:36
CSS: Cross Browser Inline-Block
/* Source: http://css-tricks.com/snippets/css/cross-browser-inline-block/ */
li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}