Nolan Lawson nolanlawson

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Sibling selector benchmark</title>
</head>
<body>
<pre id="display"></pre>
<div id="container"></div>
<script type="module">

## .gitignore
node_modules

## index.html
<!doctype html>
<html>
  <head>
    <title>Tab title</title>
  </head>
  <body>
  <h1>Unread indicator – load, pin and wait 10 seconds</h1>
  <script type=module>
    let count = 0
    const title = document.title

## index.html
<!doctype html>
<html>
  <head>
    <style>
      button {
        width: 200px;
        height: 50px;
      }
    </style>
  <head>

## .gitignore
node_modules
results.json

## chrome.results.json
{
  "benchmarks": [
    {
      "name": "Scoping - classes - RHS",
      "bytesSent": 0,
      "measurement": {
        "name": "total",
        "mode": "performance",
        "entryName": "total"
      },

## index.html
<!doctype html>
<html lang="en">
<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
				integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
				integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap-theme.min.css"
				integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

## .gitignore
node_modules

## index.html
<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
        integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap-theme.min.css"
        integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

## extends.js
// Via https://github.com/ungap/custom-elements/blob/bdb7c27/index.js#L428-L456
const SUPPORTS_EXTENDING_BUILT_IN_ELEMENTS = (() => {
    const tagName = `extends-li-${Math.floor(Math.random() * 1000000)}`;
    self.customElements.define(tagName, class extends HTMLLIElement {}, { extends: 'li' });
    const elm = document.createElement('li', { is: tagName });
    return elm.outerHTML.indexOf(tagName) !== -1;
})();
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Sibling selector benchmark</title>
	</head>
	<body>
	<pre id="display"></pre>
	<div id="container"></div>
	<script type="module">
	<!doctype html>
	<html>
	<head>
	<title>Tab title</title>
	</head>
	<body>
	<h1>Unread indicator – load, pin and wait 10 seconds</h1>
	<script type=module>
	let count = 0
	const title = document.title
	{
	"benchmarks": [
	{
	"name": "Scoping - classes - RHS",
	"bytesSent": 0,
	"measurement": {
	"name": "total",
	"mode": "performance",
	"entryName": "total"
	},
	// Via https://github.com/ungap/custom-elements/blob/bdb7c27/index.js#L428-L456
	const SUPPORTS_EXTENDING_BUILT_IN_ELEMENTS = (() => {
	const tagName = `extends-li-${Math.floor(Math.random() * 1000000)}`;
	self.customElements.define(tagName, class extends HTMLLIElement {}, { extends: 'li' });
	const elm = document.createElement('li', { is: tagName });
	return elm.outerHTML.indexOf(tagName) !== -1;
	})();