Skip to content

Instantly share code, notes, and snippets.

View andymcfee's full-sized avatar

Andy McFee andymcfee

View GitHub Profile
@andymcfee
andymcfee / Preferences.sublime-settings
Last active December 18, 2015 16:08
My Sublime User Settings
{
"binary_file_patterns":
[
"*.jpg",
"*.jpeg",
"*.png",
"*.gif",
"*.ttf",
"*.tga",
"*.dds",
@andymcfee
andymcfee / gist:3792829
Created September 27, 2012 08:13
My Public SSH Key
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQCwHvowivLMy9KCveHggbPyD27mz8fiYgCvwlNc8k3lcNca2izmYAIQHxOuLvCNMUi0bbb+1MAHNySKm9oaMTqO8lawmamHovMpjStLykSrjUDHeusnKfbmA/+9io3fDTg3S0kxYzxhBLhNGJauyY1zRiiM1z10Z6DtJ9IICftUPEJvHryx17Nx7YBxOlzMeYBUQ+wfoJJth8pmJ0spRrxy7r0+QsbQNJve2jVHtlFC5Ntk7Jp0E+UmPl1fSzhlvVcuCSOuKI9m3icjEyNk1fz0eCZxpdD3H9i2l4n95D+uBAFYe0OSjbu4ielKbVwlYZrGXn3pkoSrqdLughAPDRlR [email protected]
@andymcfee
andymcfee / index.html
Created August 17, 2012 14:36
Create card-like elements that flip on hover. The goal here is to allow for markup where you can have any content you want on the front or the back of the card. Simply set the size of the containing .flip-card element and put whatever you want into .fro
<div class="viewport">
<div class="flip-card">
<div class="card-front">
Front!
</div>
<div class="card-back">
Back!
</div>
</div>
@andymcfee
andymcfee / bootstrap-markup.html
Created August 13, 2012 14:27
Raw HTML markup for Twitter Bootstrap
<h1>Twitter Bootstrap Form Raw Markup</h1>
<p>This is the raw markup of all the form elements pulled from the <a href="http://twitter.github.com/bootstrap/base-css.html#forms">Twitter Bootstrap's Form Page</a> </p>
<div class="form-container">
<h2>Well</h2>
<form class="well">
<label>Label name</label>
<input type="text" class="span3" placeholder="Type something…">
@andymcfee
andymcfee / style.sass
Created July 28, 2012 11:44
Blank SASS structure for Wordpress
// GLOBAL : GENERAL STYLE DEFAULTS
html
margin: 0
padding: 0
body
background: #fff
margin: 0
body,
@andymcfee
andymcfee / Preferences.sublime-settings
Created July 28, 2012 08:54
My Sublime Text 2 Preferences
{
"color_scheme": "Packages/Colorized-28212260720662-Railscasts.tmTheme",
"file_exclude_patterns":
[
"*.pyc",
"*.pyo",
"*.exe",
"*.dll",
"*.obj",
"*.o",
@andymcfee
andymcfee / dabblet.css
Created June 8, 2012 14:17
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body{
background: #eee;
min-height: 100%;
padding: 50px;
}
.button{
background: rgb(238,172,23); /* Old browsers */
@andymcfee
andymcfee / dabblet.css
Created May 2, 2012 15:10
Staging Server Fun: Blue Scaling
/**
* Staging Server Fun: Blue Scaling
*/
body{
background:url("http://img213.imageshack.us/img213/4548/benmario.jpg");
background: rgb(30,87,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h
@andymcfee
andymcfee / dabblet.css
Created May 2, 2012 15:07
Staging Server Fun: Green Gradient
/**
* Staging Server Fun: Green Gradient
*/
body{
background: #d2ff52; /* Old browsers */
background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
@andymcfee
andymcfee / dabblet.css
Created May 2, 2012 15:00
Staging Server Fun: No Style
/**
* Staging Server Fun: No Style
*/
body{
padding-top: 10px;
}
body > div:hover { background: rgba(255,255,255, .05); }