Zach Leatherman zachleat

## font-sizes.js
(function() {
	let fontSizes = new Set();
	document.querySelectorAll("*").forEach(function(node) {
		fontSizes.add(window.getComputedStyle(node).getPropertyValue("font-size"));
	});
	return Array.from(fontSizes).sort();
})();

## gist:27e61d1a7dc25e6cab40241e05e0239c
;(function ($) {
  function Lettering() {}

  Lettering.prototype.splitText = function() {};

  Lettering.prototype.injector = function() {};

  window.LetteringJS = Lettering;
})(jQuery);

## gist:c8638fbfa337f7fe0dfc1d8d90acf89e
Dear Zach Leatherman,

Today the FCC voted to remove net neutrality rules that restricted Internet service providers from throttling specific parts of the Internet, creating "Paid Prioritization" plans, and blocking or reducing access to competitive products.

We at XXX stand committed to Net Neutrality and to treating all customer data as the highest priority and will not throttle, cap, or limit access to any legal site on the Internet.   When our data usage gets high on links we increase the speed we can handle instead of trying to reduce the speed you use.

We believe the Internet should remain open and we will do our part for our customers to make sure that happens.

Thanks,

## gist:c135c079f802934006978e2257086cc3
Ems
---
Abbreviation:   ;ems
Formula:        {{size=?Size}}{{parentsize=?Parent Size<16>}}{{#size/parentsize}}em; /* {{#size}}px /{{#parentsize}} */
Sample output:  0.75em; /* 12px /16 */

Rems
----
Abbreviation:   ;rems
Formula:        {{size=?Size}}{{parentsize=?Parent Size<16>}}{{#size/parentsize}}rem; /* {{#size}}px /{{#parentsize}} */

## any-link.css
/* This is what I did before */
:link,
:visited { color: blue; }

/* The future liberals want */
:any-link { color: blue; }

/* Harsh Reality */
:-moz-any-link { color: blue; }
:-webkit-any-link { color: blue; }

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                zachleat
                / keybase.md
            
            
              Created Jan 19, 2017
            
          
      View keybase.md
  
    
    Keybase proof
I hereby claim:

I am zachleat on github.
I am zachleat (https://keybase.io/zachleat) on keybase.
I have a public key ASALM-rWVUGBxkz91b64U9hfSLAk1RunNYaItxbBr6nc7Ao

To claim this, I am signing this object:

  
## gist:96516e8a3bbff53355ba65f0b7732aed
# First download phantomjs-2.5.0-beta-macos.zip from https://bitbucket.org/ariya/phantomjs/downloads
# I put mine into ~/Code/phantomjs-2.5.0-beta-macos

~/Code/phantomjs-2.5.0-beta-macos/bin ᐅ ./phantomjs
dyld: Library not loaded: /usr/local/opt/webp/lib/libwebp.6.dylib
  Referenced from: /Users/zachleat/Code/phantomjs-2.5.0-beta-macos/bin/./phantomjs
  Reason: image not found
[1]    33803 abort      ./phantomjs

~/Code/phantomjs-2.5.0-beta-macos/bin ᐅ brew install webp

## critical-foft-preload.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Critical FOFT with preload</title>
	<link rel="preload" href="/web/css/fonts/lato/lato-zachleat-optimized.woff2" as="font" type="font/woff2" crossorigin>
	<style>
	@font-face {
		font-family: LatoSubset;

## critical-foft-data-uri.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Critical FOFT with Data URI</title>
	<style>
	@font-face {
		font-family: LatoSubset;
		src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABVwAA0AAAAAG+QAARqgAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABMAAAABYAAAAWABEANkdQT1MAAAFIAAACkQAAA9wvekOPT1MvMgAAA9wAAABcAAAAYNjUqmVjbWFwAAAEOAAAADgAAABEAIcBBGdhc3AAAARwAAAACAAAAAgAAAAQZ2x5ZgAABHgAAA8EAAAUUN1x8mZoZWFkAAATfAAAADYAAAA2DA2UbWhoZWEAABO0AAAAHgAAACQPOga/aG10eAAAE9QAAADIAAAA2PXwFPVsb2NhAAAUnAAAAG4AAABuhQSA721heHAAABUMAAAAGgAAACAAOgBgbmFtZQAAFSgAAAA0AAAANAI2Codwb3N0AAAVXAAAABMAAAAg/3QAegABAAAADAAAAAAAAAACAAEAAQA1AAEAAHicTZO/SxthGMe/d4k2NFbSFE2Maaq2tJ4/qtE4dwnBoUgoHUq5pWBBaCv0h4OCS2MLGUuXIhlKhwxFMnVwcAvB4SiSQSRkOEK9xan/wdvPRYQSnrzv3fu8n8/7vO97siRd1z0tyS6WHj/V8OsXHzY1rCjvZYzCcevVy3ebioW9fkRl99sYUepn5vTZWtOhdW7v6MJas+aIDeujdW5d2GV7x/4VSUaKkSf8ipFN4rK/EdnjaQ9KDuKArimuId1QQjeV1C2NaFQppTWmjMaV1W1N6K7ua1qOZjSreeW1

## critical-foft.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Critical FOFT</title>
	<style>
	@font-face {
		font-family: LatoSubset;
		src: url('/web/css/fonts/lato/lato-zachleat-optimized.woff2') format('woff2'),