Skip to content

Instantly share code, notes, and snippets.

View andymcfee's full-sized avatar

Andy McFee andymcfee

34 followers · 78 following
View GitHub Profile
@andymcfee
andymcfee / tutorials.md
Last active August 29, 2015 14:01
Tutorials I Have Used
@andymcfee
andymcfee / _tooltip.scss
Created February 24, 2014 12:59
Hover Tooltip Mixin
/*
* $direction: top or bottom
*
*/
@mixin tooltip($content: attr(data-tooltip), $direction: top) {
position: relative;
&:before, &:after {
display: none;
z-index: 98;
@andymcfee
andymcfee / _triangle.scss
Created February 24, 2014 12:55
Sass Triangle Mixin
/*
* @include triangle within a pseudo element and add positioning properties (ie. top, left)
* $direction: up, down, left, right
*/
@mixin triangle($direction, $size: 6px, $color: #222){
content: '';
display: block;
position: absolute;
height: 0; width: 0;
@if ($direction == 'up'){
@andymcfee
andymcfee / gist:7658630
Created November 26, 2013 13:56
Assemble documentation is hard. This is my cheatsheet for finding what I need.
@andymcfee
andymcfee / RailsCastMod.tmTheme
Created September 23, 2013 10:13
My Sublime Text color theme. A mod of the RailsCast theme, slightly more vibrant though. Install Mac: Copy this file to ~/Library/Application Support/Sublime Text 3/Packages/User/
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<!-- Generated by: TmTheme-Editor -->
<!-- ============================================ -->
<!-- app: http://tmtheme-editor.herokuapp.com -->
<!-- code: https://github.com/aziz/tmTheme-Editor -->
<plist version="1.0">
<dict>
<key>gutterSettings</key>
<dict>
@andymcfee
andymcfee / levelup.md
Last active December 21, 2015 18:59

Level UP

The purpose of this list is two-fold:

  1. Have a list of all my skills - high-level and low - all in one place
  2. Motivate me to study and level up skills I'm lacking but interested in

Level 1

Mildly familiar, highly intrigued

@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: {
@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 / 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 / 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