Skip to content

Instantly share code, notes, and snippets.

ambienttraffic /
Last active Sep 14, 2020
Serious Eats QA Handbook

Serious Eats QA Handbook

Help us find and squash bugs!

Take a look at the QA spreadsheet. Here’s a in case you’re using it on a mobile device: 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 / install-grunt
Last active Aug 29, 2015
installing grunt and grunticon
View install-grunt
steps to install grunt
1. make sure you have XCode
gcc --version
2. make sure you have ruby
ruby -v
3. install Homebrew
ruby -e "$(curl -fsSL"
4. install Node.js using homebrew
View wine-o-matic.html
<!DOCTYPE html>
<!-- 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="
View gist:c07bbd3a9b92d2a05ea0
<div class="block block-faq" id="turkey">
<h6 class="title-faq">Turkey</h6>
<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="">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="">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 / install-lxml
Last active Aug 29, 2015
how to install lxml on your local machine
View install-lxml
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.
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 / viewport-hack
Created Sep 5, 2014
viewport meta tag hack
View viewport-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"); = "viewport";
ele.content = "width=device-width, initial-scale=1.0";
ambienttraffic / layer-animation.css
Created Mar 26, 2014
compiled CSS of LESS mixins for sandwich layers
View layer-animation.css
.layer-12 {
z-index: 12;
.layer-11 {
z-index: 11;
.layer-10 {
z-index: 10;
.layer-9 {
ambienttraffic / layer-animation.less
Created Mar 26, 2014
making sandwich layers and animation delays
View layer-animation.less
// ---- assign z-index to layers ----
#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 / cleartextfield.js
Created Jan 25, 2011
jquery function to clear the default value from a text field, and replace it with the default field if it's still empty.
View cleartextfield.js
$('#emailfield').click(function() {
if ($(this).val() == 'Your Email') {
$(this).data('original', $(this).val()).val('');
$('#emailfield').blur(function() {
if ($(this).val() == '') {