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
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 / 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 / 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 / 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 / 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 / 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 / grid.scss
Last active December 19, 2015 11:29
My Prototyping Grid. Light weight, mobile-first, customizable, responsive, SCSS and based loosely on Twitter Bootstrap's grid. View the demo on Codepen: http://codepen.io/andymcfee/pen/jIpyk
// Quick-and-dirty mobile-first, responsive SCSS Grid for rapid prototyping.
// --------------------------------------------------------------------------
@import 'compass';
// Compass is only used for these first two selectors:
* { @include box-sizing(border-box); }
.row { @include clearfix; }
// Customizables
$grid-gutter: 20px; // Total space between columns
@andymcfee
andymcfee / grid.html
Last active December 20, 2015 19:29
Bootstrap 3's Grid (grid.less) converted into SCSS. View on codepen: http://codepen.io/andymcfee/pen/tBqmk I wanted to start using the new Bootstrap 3 grid in a project and I didn't want to wait for the Sass-bootstrap projects to update. So I ported grid.less into grid.scss. Et voila! You'll probably want to pull out the mixins and variables int…
<div class="container">
<h2>Bootstrap RC2 grids</h2>
<p class="lead">Basic grid layouts to get you familiar with building within the Bootstrap grid system.</p>
<h4>Three equal columns</h4>
<div class="row show-grid">
<div class="col-xs-4">.col-xs-4</div>
<div class="col-xs-4">.col-xs-4</div>
<div class="col-xs-4">.col-xs-4</div>
@andymcfee
andymcfee / sublime-keymap-user.json
Last active December 21, 2015 03:09
Sublime Text Key Binding settings for better indention of copy-paste. Add this to Sublime Text > Preferences > Key Bindings - User
[
// swap the keybindings for paste and paste_and_indent
{ "keys": ["super+v"], "command": "paste_and_indent" },
{ "keys": ["super+shift+v"], "command": "paste" },
// navigate through tabs with cmd + arrows
{ "keys": ["super+left"], "command": "next_view_in_stack" },
{ "keys": ["super+right"], "command": "prev_view_in_stack" },
]
@andymcfee
andymcfee / Gruntfile.js
Created August 15, 2013 12:38
Sample Gruntfile for personal reference
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
options: {
separator: ';'
},
// Target(s)
dist: {