jakub-g

<script> async, defer, async defer, module, nomodule, src, inline - the cheat sheet

With the addition of ES modules, there's now no fewer than 24 ways to load your JS code: (inline|not inline) x (defer|no defer) x (async|no async) x (type=text/javascript | type=module | nomodule) -- and each of them is subtly different.

This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.

If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!

Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)

jakub-g

Samsung Browser:
----------------

Mozilla/5.0 (SMART-TV; Linux; Tizen 5.0) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/2.2 Chrome/63.0.3239.84 TV Safari/537.36
Mozilla/5.0 (SMART-TV; Linux; Tizen 4.0) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/2.1 Chrome/56.0.2924.0 TV Safari/537.36

Samsung WebView:
----------------

Mozilla/5.0 (SMART-TV; LINUX; Tizen 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Version/5.0 TV Safari/537.36

jakub-g

Hacker News "hidden" URLs

Many of HN URLs are not easily discoverable as there are no links to them in a prominent part on the page, or sometimes even nowhere. The following is a list of links to standard and "special" HN pages. The ones is bold are the less discoverable ones.

See also: https://github.com/minimaxir/hacker-news-undocumented

Posts

jakub-g

Safari release notes history and Technical Preview versions -> release version mapping

Official docs

• safari releases
• safari technical previews
• webkit status
• webkit blog

Safari release history

jakub-g

Testing double-fetching of 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/

jakub-g

Unicode-aware JavaScript regex (Unicode property escapes /\p{..}\P{..}/u) cheat sheet

Browser support MDN

• ✅ Chrome 64 & Edge 79
• ✅ Safari 11.1
• ✅ Firefox 78
• ✅ nodejs: 10.0
• ✅ babel

jakub-g

Note: this is MacOS specific

ORG=...
REPO=...
DEST_FOLDER=...
# just clone main branch, without tags, and don't fetch blobs over 1MB
FETCH_OPTIONS='--no-tags --single-branch --filter=blob:limit=1m'

caffeinate -d unbuffer \

jakub-g

export PATH=$(zsh -l -c 'echo $PATH')

or shell agnostic

# 1. Detect the parent process name
parent_shell=$(ps -p $PPID -o comm= | tr -d '-') # tr removes the leading dash if it's a login shell

# 2. Map the process name to a valid binary path

jakub-g

Remapping Microsoft Sculpt Ergonomic Keyboard with Karabiner Elements (2023 guide, MacOS 13.6 Ventura)

• Remapped the "Windows" key and "Context Menu" key.
• Remapped the whole bottom row to match MacBook Pro keyboard layout.

See also https://apple.stackexchange.com/questions/173898/repurposing-menu-button-on-windows-keyboards-used-in-os-x

jakub-g

What this rule does

On MacOS, cmd-tab only toggles between different apps. To toggle between different windows of the same app, you need to use cmd-` . However this is cumbersome for regular usage, as it requires stretching your fingers unnaturally. This rule allows to use cmd-CapsLock instead, which is much easier.

To enable the rule

• Install Karabiner Elements and give it all permissions it asks for
• cd ~/.config/karabiner/assets/complex_modifications and put the json file below there
• Restart Karabiner Elements
• Go to "Complex Modifications > Add rule"