Skip to content

Instantly share code, notes, and snippets.

View Sass 3.3 weather colors
$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 / Browser Tabs
Created Apr 17, 2014
Show Notes for Frontend Awesome talk 2014-04-17
View Browser Tabs
mattstauffer / gist:3802d7f30b166a49eea9
Last active Aug 29, 2015
Can't get bash prompts to work when running the script via curl
View gist:3802d7f30b166a49eea9

So, I'm running my script like this:

\curl -sSL | bash

And expecting it to work like it does locally (which is fine.)

But no matter what sort of confirmation prompt I use, they all work fine locally but break over Curl.

mattstauffer / Question.txt
Created Jul 30, 2014
Inelegant Blade syntax
View Question.txt
Is there no more elegant way to do a conditional class in Blade?

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 /
Created Jan 6, 2015
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 /
Last active Aug 29, 2015
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.



mattstauffer /
Last active Aug 29, 2015
First Blog Post with Gistlog.yml

Publish me bro

View dabblet.css
#content {
background: #eee;
margin: 30px 300px;
border: 1px solid black;
position: relative;
#content:after {
content: "";
display: block;
mattstauffer / dabblet.css
Created Jul 9, 2012 — forked from dstorey/dabblet.css
set the size of the boxes and any decoration
View dabblet.css
.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);