geoffreyhale geoffreyhale

## Better Table Template for HTML5
<!-- Better Table Template for HTML5 http://perishablepress.com/html5-table-template/#html5table -->
<table>
	<caption>Here we assign header information to cells
			by setting the scope attribute.
	</caption>
	<colgroup />
	<colgroup span="2" title="title" />
	<thead>
		<tr>
			<th scope="col">Name</th>

## PDO PHP Class
<?php

/**
 * http://culttt.com/2012/10/01/roll-your-own-pdo-php-class/
 */

?>


## CSS Property Order - Box Model Convention
display: ;
visibility: ;
float: ;
clear: ;

position: ;
top: ;
right: ;
bottom: ;
left: ;

## CSS Property Order - Concentric
/**
 * @source brandon-rhodes/Concentric-CSS
 */

/* This ordering of CSS elements is for the traditional setting
   "box-sizing: content-box", which applies the "width:" and "height:"
   only to the innermost content of the box.  If you are using one of
   the other box model settings - Paul Irish recommends "box-model:
   border-box", for example - then simply move the "width:" and
   "height:" up above the "border:" property in the list below. */

## HTML5 Minimal Boilerplate
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="#">
</head>
<body>

  <script type="text/javascript" src="#"></script>

## HTML5 My Boilerplate
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

## web-design-in-4-minutes.css
body {
  margin: 0 auto;
  max-width: 50em;
  font-family: "Helvetica", "Arial", sans-serif;
  line-height: 1.5;
  padding: 4em 1em;
  color: #555;
}

h1,

## netflixRatings.js
// Adapted from original source: https://martymcgui.re/2018/05/04/leaving-netflix-and-taking-my-data-with-me/

/**
* Navigate to Netflix Ratings view page:
* Netflix > Account (from avatar dropdown in top right of screen) > Ratings (from profile of your choice) View
*
* or also works on Viewing activity > Ratings page:
* Netflix > Account (from avatar dropdown in top right of screen) > Viewing activity (from profile of your choice) View > Rating
*/
	<!-- Better Table Template for HTML5 http://perishablepress.com/html5-table-template/#html5table -->
	<table>
	<caption>Here we assign header information to cells
	by setting the scope attribute.
	</caption>
	<colgroup />
	<colgroup span="2" title="title" />
	<thead>
	<tr>
	<th scope="col">Name</th>
	<?php

	/**
	* http://culttt.com/2012/10/01/roll-your-own-pdo-php-class/
	*/

	?>
	display: ;
	visibility: ;
	float: ;
	clear: ;

	position: ;
	top: ;
	right: ;
	bottom: ;
	left: ;
	/**
	* @source brandon-rhodes/Concentric-CSS
	*/

	/* This ordering of CSS elements is for the traditional setting
	"box-sizing: content-box", which applies the "width:" and "height:"
	only to the innermost content of the box. If you are using one of
	the other box model settings - Paul Irish recommends "box-model:
	border-box", for example - then simply move the "width:" and
	"height:" up above the "border:" property in the list below. */
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="#">
	</head>
	<body>

	<script type="text/javascript" src="#"></script>
	body {
	margin: 0 auto;
	max-width: 50em;
	font-family: "Helvetica", "Arial", sans-serif;
	line-height: 1.5;
	padding: 4em 1em;
	color: #555;
	}

	h1,
	// Adapted from original source: https://martymcgui.re/2018/05/04/leaving-netflix-and-taking-my-data-with-me/

	/**
	* Navigate to Netflix Ratings view page:
	* Netflix > Account (from avatar dropdown in top right of screen) > Ratings (from profile of your choice) View
	*
	* or also works on Viewing activity > Ratings page:
	* Netflix > Account (from avatar dropdown in top right of screen) > Viewing activity (from profile of your choice) View > Rating
	*/