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:
Zach Leatherman zachleat
zachleat
/ gist:c8638fbfa337f7fe0dfc1d8d90acf89e
Created
December 14, 2017 20:02
Net Neutrality ISP Letter
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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, |
zachleat
/ gist:c135c079f802934006978e2257086cc3
Last active
August 28, 2017 17:47
Typinator Automations for CSS em and rem values
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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}} */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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; } |
zachleat
/ keybase.md
Created
January 19, 2017 23:53
zachleat
/ gist:96516e8a3bbff53355ba65f0b7732aed
Last active
February 17, 2020 05:59
Installing phantomjs 2.5.0 Beta
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 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 |
zachleat
/ critical-foft-preload.html
Last active
September 15, 2024 13:30
Compare Critical FOFT against Critical FOFT with preload
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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; |
zachleat
/ critical-foft-data-uri.html
Last active
March 24, 2025 01:15
Compare Critical FOFT with Data URI against Critical FOFT
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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 |
zachleat
/ critical-foft.html
Last active
May 2, 2017 15:16
Compare FOFT approach with Critical FOFT
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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'), |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>FOFT, or FOUT with Two Stage Render</title> | |
| <style> | |
| @font-face { | |
| font-family: Lato; | |
| src: url('/web/css/fonts/lato/lato-regular-webfont.woff2') format('woff2'), |
zachleat
/ gist:ba027e44807a9aef1e856d4f9f57e02b
Last active
May 23, 2016 16:51
@zachleat Tweet alt text
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 1. Click apple.news link on Twitter iOS app | |
| 2. Opens Twitter webview | |
| 3. → t.co | |
| 4. → apple.news | |
| 5. → mobile.nytimes.com | |
| 6. Opens Apple News app, switches from Twitter | |
| 7. → shows Apple News welcome screen | |
| 8. → NYT article with Apple News banner | |
| alt text for Tweet: https://twitter.com/zachleat/status/734764603645825025 |