malchata

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */

malchata

{"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3259.0 Safari/537.36","lighthouseVersion":"2.5.1","generatedTime":"2017-11-05T19:14:57.019Z","initialUrl":"http://alistapart.com/author/adamsilver.html","url":"http://alistapart.com/author/adamsilver.html","audits":{"first-meaningful-paint":{"score":95,"displayValue":"1,720 ms","rawValue":1723.5,"optimalValue":"< 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":987636654049,"fCP":987638377507,"fMP":987638377511,"onLoad":987641251760,"endOfTrace":987646648538},"timings":{"navStart":0,"fCP":1723.458,"fMP":1723.462,"onLoad":4597.711,"endOfTrace":9994.489},"fmpFellBack":false}},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)."},"speed-ind

malchata

{"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3259.0 Safari/537.36","lighthouseVersion":"2.5.1","generatedTime":"2017-11-05T19:21:49.070Z","initialUrl":"http://alistapart.com/article/what-the-failure-of-new-coke-can-teach-us-about-user-research-and-design.html","url":"http://alistapart.com/article/what-the-failure-of-new-coke-can-teach-us-about-user-research-and-design.html","audits":{"first-meaningful-paint":{"score":97,"displayValue":"1,550 ms","rawValue":1550.2,"optimalValue":"< 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":988046336638,"fCP":988047886817,"fMP":988047886819,"onLoad":988052237931,"endOfTrace":988057704215},"timings":{"navStart":0,"fCP":1550.179,"fMP":1550.181,"onLoad":5901.293,"endOfTrace":11367.577},"fmpFellBack":false}},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of 

malchata

{"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3259.0 Safari/537.36","lighthouseVersion":"2.5.1","generatedTime":"2017-11-05T19:16:34.986Z","initialUrl":"http://alistapart.com/","url":"http://alistapart.com/","audits":{"first-meaningful-paint":{"score":97,"displayValue":"1,500 ms","rawValue":1498.9,"optimalValue":"< 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":987733140434,"fCP":987734639380,"fMP":987734639382,"onLoad":987737086605,"endOfTrace":987743948012},"timings":{"navStart":0,"fCP":1498.946,"fMP":1498.948,"onLoad":3946.171,"endOfTrace":10807.578},"fmpFellBack":false}},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)."},"speed-index-metric":{"score":84,"displayValue":"2,74

malchata

{"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3258.0 Safari/537.36","lighthouseVersion":"2.5.1","generatedTime":"2017-11-05T15:49:28.590Z","initialUrl":"http://alistapart.com/author/adamsilver.html","url":"http://alistapart.com/author/adamsilver.html","audits":{"first-meaningful-paint":{"score":89,"displayValue":"2,130 ms","rawValue":2128.5,"optimalValue":"< 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":975284922774,"fCP":975287051229,"fMP":975287051231,"onLoad":975290505095,"endOfTrace":975315154356},"timings":{"navStart":0,"fCP":2128.455,"fMP":2128.457,"onLoad":5582.321,"endOfTrace":30231.582},"fmpFellBack":false}},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)."},"speed-in

malchata

{"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3258.0 Safari/537.36","lighthouseVersion":"2.5.1","generatedTime":"2017-11-05T15:51:36.245Z","initialUrl":"http://alistapart.com/article/what-the-failure-of-new-coke-can-teach-us-about-user-research-and-design.html","url":"http://alistapart.com/article/what-the-failure-of-new-coke-can-teach-us-about-user-research-and-design.html","audits":{"first-meaningful-paint":{"score":93,"displayValue":"1,880 ms","rawValue":1876.7,"optimalValue":"< 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":975432649122,"fCP":975434525777,"fMP":975434525779,"onLoad":975439074622,"endOfTrace":975444520234},"timings":{"navStart":0,"fCP":1876.655,"fMP":1876.657,"onLoad":6425.5,"endOfTrace":11871.112},"fmpFellBack":false}},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a 

malchata

{"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3258.0 Safari/537.36","lighthouseVersion":"2.5.1","generatedTime":"2017-11-05T15:48:13.166Z","initialUrl":"http://alistapart.com/","url":"http://alistapart.com/","audits":{"first-meaningful-paint":{"score":93,"displayValue":"1,910 ms","rawValue":1912.9,"optimalValue":"< 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":975231582355,"fCP":975233495259,"fMP":975233495261,"onLoad":975236630036,"endOfTrace":975242041415},"timings":{"navStart":0,"fCP":1912.904,"fMP":1912.906,"onLoad":5047.681,"endOfTrace":10459.06},"fmpFellBack":false}},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)."},"speed-index-metric":{"score":72,"displayValue":"3,642

malchata

/**
 * Obtained from the HTTP Archive's BigQuery dataset.
 * Dataset table name: httparchive.summary_requests.2018_04_15_desktop
 * BigQuery guide: https://bit.ly/2wpdyOV
 **/

{
  "type": "image",
  "format": "jpg",
  "Requests": "9153030",

malchata

atom-workspace {
  --editor-font-size: 1.625rem;
}

atom-text-editor {
  .cursor {
    border-left: .25rem solid;
    transition: opacity .1875s ease-out;
  }

malchata

console.time("Evaluate script.");

const menuToggleButton = document.getElementById("menu-toggle");
const closeMenuButton = document.getElementById("close-menu");
const menu = document.getElementById("menu");
const overlay = document.getElementById("menu-overlay");
let menuVisible = false;

const openMenu = function () {
  console.time("Menu open.");