Skip to content

Instantly share code, notes, and snippets.

View mattstauffer's full-sized avatar

Matt Stauffer mattstauffer

View GitHub Profile
$weather_bgs: (sun: #ffffcc, rain: #99ccff, snow: #eee, clouds: #ccc);
.weather-bg {
@each $weather_name, $weather_color in $weather_bgs {
&--#{$weather_name} {
background: $weather_color;
}
}
}
@mattstauffer
mattstauffer / Browser Tabs
Created April 17, 2014 16:56
Show Notes for Frontend Awesome talk 2014-04-17
http://www.iterm2.com/
https://github.com/robbyrussell/oh-my-zsh
http://github.com/
https://developer.yahoo.com/yslow/
http://nodejs.org/download/
https://rvm.io/
https://getcomposer.org/
http://bower.io/
http://sass-lang.com/
https://github.com/guard/guard
@mattstauffer
mattstauffer / Question.txt
Created July 30, 2014 14:17
Inelegant Blade syntax
Is there no more elegant way to do a conditional class in Blade?
@mattstauffer
mattstauffer / recipe.md
Created January 6, 2015 02:41
Aeropress Recipe

This is the recipe I've been using since I got an Aeropress. I got it originally from Shawn Blanc; I'm not sure whether or not I've actually modified it from his original recipe.

  1. Put the two pieces of the Aeropress together; I like to line the bottom of the plunger up with middle of the (4) marker.
  2. Flip the Aeropress upside down. Note that you shouldn't have the filter/cap screwed on at the moment.
  3. (optionally) Pre-wet a filter and place it in the cap, and set it aside.
  4. Grind 15g of coffee about halfway between coarse (french press) and fine (espresso)--right in the middle of your grinder's settings. Pour it into the Aeropress.
  5. Boil your water, start your timer, and add 50ml of water to the Aeropress. Make sure all of the coffee gets wet and "blooms."
  6. After 45 seconds, add 200ml more water. Stir.
  7. Place the cap and filter on and screw it onto the top of the Aeropress.
  8. After another 45 seconds, carefully flip the Aeropress over on top of your mug. Slowly press the Aeropress down over th
@mattstauffer
mattstauffer / recipe.md
Created January 6, 2015 03:01
French Press recipe
  1. Grind 3 tbsp of coffee coarsely.
  2. Pour 200ml of water in, making sure to cover all the water. Start a timer.
  3. Stir gently. Let it sit for 30 seconds.
  4. Pour in 525 ml of water. Let it sit for another 3 minutes and 30 seconds.
  5. Stir again. Slowly and gently press the plunger down.
  6. Pour it all out of the French Press right away; even if you don't plan to drink it all right away, pour the rest into other cups.
@mattstauffer
mattstauffer / api-changes.md
Last active August 29, 2015 14:13
API changes to Laravel

The goal is to track all API changes to Illuminate components for the 4->5 upgrade.

If you run into any issues with using your Illuminate components the same way you did in 4, please leave them as a comment here so we can document it all.

Note that this is different from framework changes in terms of how you boot the application, structure your application, etc.--there's a separate gist for that.

Auth

Cache

@mattstauffer
mattstauffer / blog.md
Last active August 29, 2015 14:16
First Blog Post with Gistlog.yml

Publish me bro

#content {
background: #eee;
margin: 30px 300px;
border: 1px solid black;
position: relative;
}
#content:after {
content: "";
display: block;
@mattstauffer
mattstauffer / dabblet.css
Created July 9, 2012 16:53 — forked from dstorey/dabblet.css
set the size of the boxes and any decoration
.slider {
/* set initial width */
width: 520px;
/* hide the content that overflows (to allow second box to show through) */
overflow: hidden;
display: inline-block;
/* skew container so that it has angled edge, and set up transition */
transform: skewX(-20deg);
@mattstauffer
mattstauffer / gist:3145416
Created July 19, 2012 17:15
Modernizr/Respond.js simple test
<script>
// Using Modernizr (http://modernizr.com/) and respond.js
// (https://github.com/scottjehl/Respond/), test the browser for
// Media Query compatibility and load respond.js polyfill if necessary.
Modernizr.load([
{
test: Modernizr.mq('only all'),
nope: 'js/vendor/respond.min.js'
}
]);