| // Bookmarklet for [Pins.app](https://get-pins.app/) (requires version 1.6+) | |
| // Removes Google Analytics strings | |
| // Removes Product Hunt query string | |
| // Prefers canonical url if defined | |
| // Uses selected text for description, falling back to meta description | |
| // Removes pipes (|) from title | |
| // To allow use on any website in Firefox, go to about:config and set security.external_protocol_requires_permission to false | |
| // Copy this to your URL bar: | |
| javascript:!function(){function e(e){var n="pins://launch?screen=newPost&",i=o();""===i&&(i=r()),n+="url="+encodeURIComponent(e),n+="&",n+="title="+encodeURIComponent(t()),n+="&",n+="description="+encodeURIComponent(i),document.location.href=n}function t(){var e=document.title;return e.replace(/\|/g,"-")}function n(){for(var e=document.getElementsByTagName("link"),t=0;t<e.length;t++)if(e[t].attributes.hasOwnProperty("rel")&&"canonical"===e[t].attributes.rel.textContent.toLowerCase())return e[t].attributes.href.textContent;var n,o=document.location.href.split(/[?&]([^&]+)/ |
This is a cheat sheet for how to perform various actions to ZSH, which can be tricky to find on the web as the syntax is not intuitive and it is generally not very well-documented.
| Description | Syntax |
|---|---|
| Get the length of a string | ${#VARNAME} |
| Get a single character | ${VARNAME[index]} |
| // when T is any|unknown, Y is returned, otherwise N | |
| type IsAnyUnknown<T, Y, N> = unknown extends T ? Y : N; | |
| // when T is never, Y is returned, otherwise N | |
| type IsNever<T, Y = true, N = false> = [T] extends [never] ? Y : N; | |
| // when T is a tuple, Y is returned, otherwise N | |
| // valid tuples = [string], [string, boolean], | |
| // invalid tuples = [], string[], (string | number)[] |
Unless otherwise noted (either in this file or in a file's copyright section) the contents of this gist are Copyright ©️2020 by Christopher Allen, and are shared under spdx:Creative Commons Attribution Share Alike 4.0 International (CC-BY-SA-4.) open-source license.
If you more tips and advice like these, you can become a monthly patron on my GitHub Sponsor Page for as little as $5 a month; and your contributions will be multipled, as GitHub is matching the first $5,000! This gist is all about Homebrew, so if you like it you can support it by donating to them or becoming one of their Github Sponsors.
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Glimmer Demo</title> | |
| </head> | |
| <body> | |
| <script src="./app.bundle.js"></script> | |
| <example-app /> | |
| </body> | |
| </html> |
| 504b 0304 1400 0000 0800 7958 624f 5b0a | |
| e97c e003 0000 740d 0000 0a00 1c00 696e | |
| 666f 2e70 6c69 7374 5554 0900 0305 e4bc | |
| 5d09 e4bc 5d75 780b 0001 04f5 0100 0004 | |
| 1400 0000 d557 5b8f e236 147e 1e7e 851b | |
| a9ab dd87 2440 325c ba2c 2b20 415a 8969 | |
| 472d f3d0 a7ca c486 7127 89b3 b633 0c5a | |
| f5bf f738 3712 c8b4 cc96 9722 2139 f6b9 | |
| e53b e73b c799 7c7e 8942 f44c 8564 3cfe | |
| 64f4 acae 8168 1c70 c2e2 dd27 e361 bd34 |
| const fetch = (...args) => console.log(...args) // mock | |
| function httpRequest(url, method, data) { | |
| const init = { method } | |
| switch (method) { | |
| case 'GET': | |
| if (data) url = `${url}?${new URLSearchParams(data)}` | |
| break | |
| case 'POST': | |
| case 'PUT': | |
| case 'PATCH': |
I find myself in a tempest in a toaster. Yesterday I (and much of the web standards world) learned about two possible new HTML elements proposed by Google, std-toast and std-switch. I had no idea what “toast” meant in the context of the web, a problem shared my many other people. It turns out it’s a UI pattern, those little notices that pop up and then disappear without user interaction.
But wow, new HTML elements! This is the holy grail. In my part of the web we don’t even dream about new HTML elements. Oh, we’ve tried, but Hixie didn’t much care for footnote, WICG didn’t much care for list titles, and no one much cared about author. Just last week the author of the extensible web manifesto warned me to never expect new HTML elements, due to the difficulty of changing the parser.
But my concern wasn’t so much about the nature of the new elements, but of how we learned about them and what that says about how web standardization works. My [first tweet](https://twitter.com
| #!/bin/bash | |
| # Generate a `:something-intensifies:` Slack emoji, given a reasonable image | |
| # input. I recommend grabbing an emoji from https://emojipedia.org/ | |
| set -euo pipefail | |
| # Number of frames of shaking | |
| count=10 | |
| # Max pixels to move while shaking |
module/nomodule JS code (including the Safari hack)<script type="module" src="module.js"></script>
<script nomodule src="nomodule.js"></script>
Update September 2020: life's almost good. Edge Chromium is widely rolled out, and Safari 14.0 ships soon with a fix.
Test page: https://jg-testpage.github.io/es-modules/module-nomodule/