Tracie Lee ambienttraffic

## qa-handbook.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              3 stars
            
          
                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


## install-grunt
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

## wine-o-matic.html
<!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="

## gist:c07bbd3a9b92d2a05ea0
<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

## 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.
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.

## 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");
	ele.name = "viewport";
	ele.content = "width=device-width, initial-scale=1.0";
	document.head.appendChild(ele);
}

## layer-animation.css
.layer-12 {
  z-index: 12;
}
.layer-11 {
  z-index: 11;
}
.layer-10 {
  z-index: 10;
}
.layer-9 {

## layer-animation.less
// ---- 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%;

## cleartextfield.js
	$(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'));
	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
	<!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="
	<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
	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.
	// 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);
	}
	.layer-12 {
	z-index: 12;
	}
	.layer-11 {
	z-index: 11;
	}
	.layer-10 {
	z-index: 10;
	}
	.layer-9 {
	// ---- 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%;
	$(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'));