Skip to content

Instantly share code, notes, and snippets.

@ambienttraffic
ambienttraffic / qa-handbook.md
Last active September 14, 2020 01:52
Serious Eats QA Handbook

Serious Eats QA Handbook

Help us find and squash bugs!

Take a look at the QA spreadsheet. Here’s a bit.ly in case you’re using it on a mobile device: http://bit.ly/1Nt6q1W Questions? Throw it into the public #qa Slack channel.

In the “Browsers/OS matrix” tab, find the Browser/OS you’ve been assigned. Either fire up BrowserStack (directions below) or use the actual device. Look at the “URLs” tab in the spreadsheet. URLs are organized by “Type”. You can mix up the URLs in the list, but you must complete at least the following:

  • 2 Landing pages
  • 5 Recipes
@ambienttraffic
ambienttraffic / install-grunt
Last active August 29, 2015 14:14
installing grunt and grunticon
steps to install grunt
http://blog.teamtreehouse.com/install-node-js-npm-mac
1. make sure you have XCode
gcc --version
2. make sure you have ruby
ruby -v
3. install Homebrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
4. install Node.js using homebrew
@ambienttraffic
ambienttraffic / wine-o-matic.html
Last active August 29, 2015 14:09
Wine O Matic
<!DOCTYPE html>
<html>
<body>
<!-- begin form --><form style="background:#3d414a;color:#fff;padding:12px;"><h4 style="text-align:center;font-family:prenton,helvetica,sans-serif;font-weight:600;margin-bottom:12px;color:#fff;text-transform:uppercase">The Serious Eats Thanksgiving Wine Calculator</h4><div style="max-width:300px;margin: 0 auto"><label style="float:left;margin-right: 6px;font-family:prenton,helvetica,sans-serif;text-transform: uppercase;width:240px;text-align:right;color:#fff">Party Duration (hours):</label><input type="number" id="duration" name="duration" min="0" value=3 onkeypress="return isnumber(event)" style="display:inline-block;max-width: 40px">
<label style="clear:left;float:left;margin-right: 6px;font-family:prenton,helvetica,sans-serif;text-transform: uppercase;width:240px;text-align:right;color:#fff">Number of Guests:</label><input type="number" id="guests" name="guests" min="0" value=10 onkeypress="return isnumber(event)" style="display:inline-block;max-width: 40px"></div><div style="
@ambienttraffic
ambienttraffic / gist:c07bbd3a9b92d2a05ea0
Created October 28, 2014 14:32
Thanksgiving FAQ markup
<div class="block block-faq" id="turkey">
<h6 class="title-faq">Turkey</h6>
<dl>
<dt>I hear that a clay cooker keeps your turkey moist by trapping in steam. Do those things really work? <a class="author commenter" href="http://www.seriouseats.com/user/profile/Oblivia138">Oblivia</a></dt>
<dd>My only experiences with clay cookers and ceramic turkey cookers have been negative. There's no evidence or scientific theory behind the idea that cooking in a moist environment will keep meat moist—it's an almost entirely temperature-driven phenomenon—and all it does is prevent your turkey's skin from crisping as well. You want steam to escape when cooking! <a class="author staff" href="">Kenji</a></dd>
<dt>What do you do when you drop your uncooked, fully marinated turkey on the floor? <a class="author commenter" href="http://www.seriouseats.com/user/profile/DivineGigi">DivineGigi</a></dt>
<dd>Depends, did someone see you do it or not? If nobody saw you, you're in the clear. Pick it up, wipe it down and prete
@ambienttraffic
ambienttraffic / install-lxml
Last active August 29, 2015 14:06
how to install lxml on your local machine
I had a lot of trouble installing lxml - the following steps might help you.
First, install the latest version of XCode. You'll need to do it through the App Store.
https://developer.apple.com/xcode/
Once it's installed, open XCode and accept the terms of use.
Go to Preferences > Downloads.
Under "Components", install "Command Line Tools".
Quit XCode.
@ambienttraffic
ambienttraffic / viewport-hack
Created September 5, 2014 13:44
viewport meta tag hack
// Check to see if the screen is less than 768 px; add viewport tag if true.
// For displaying the full width site on tablets; tablet handles shrinking the layout to fit
if(window.outerWidth < 768) {
var ele = document.createElement("meta");
ele.name = "viewport";
ele.content = "width=device-width, initial-scale=1.0";
document.head.appendChild(ele);
}
@ambienttraffic
ambienttraffic / layer-animation.css
Created March 26, 2014 22:26
compiled CSS of LESS mixins for sandwich layers
.layer-12 {
z-index: 12;
}
.layer-11 {
z-index: 11;
}
.layer-10 {
z-index: 10;
}
.layer-9 {
@ambienttraffic
ambienttraffic / layer-animation.less
Created March 26, 2014 22:24
making sandwich layers and animation delays
// ---- assign z-index to layers ----
.layerZIndex(12);
#vegetable {
.layer-13 { // top bun needs to be behind
z-index: 0;
}
// each layer needs the distance tweaked between the next
.layer-11 {
margin-top: -10%;
@ambienttraffic
ambienttraffic / cleartextfield.js
Created January 25, 2011 16:17
jquery function to clear the default value from a text field, and replace it with the default field if it's still empty.
$(document).ready(function(){
$('#emailfield').click(function() {
if ($(this).val() == 'Your Email') {
$(this).data('original', $(this).val()).val('');
}
});
$('#emailfield').blur(function() {
if ($(this).val() == '') {
$(this).val($(this).data('original'));