CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Notes archive · Mathias Bynens</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="/css"> <link rel="manifest" href="/.webmanifest"> <link rel="alternate" href="/notes.atom" type="application/atom+xml" title="Notes (blog) Atom feed"> <link rel="alternate" href="/notes.rss" type="application/rss+xml" title="Notes (blog) RSS feed"> </head> <body> <header> <h1><a href="/">Mathias Bynens</a></h1> <nav> <h1>Navigation</h1> <ul> <li><a href="/">Home</a></li> <li><a href="/notes">Archive</a></li> </ul> </nav> </header> <section id="content"> <h1>Notes archive</h1> The idea is that every entry is like a note-to-self kind of thing. Every post is a mini-knowledge bomb I wish someone else had dropped before me, so I wouldn’t have had to research and write it. <ul class="archive"> <li><a href="/notes/globalthis" rel="bookmark">JavaScript A horrifying <code>globalThis</code> polyfill in universal JavaScript</a></li> <li><a href="/notes/prototypes" rel="bookmark">JavaScript performance JavaScript engine fundamentals: optimizing prototypes</a></li> <li><a href="/notes/shapes-ics" rel="bookmark">JavaScript performance JavaScript engine fundamentals: Shapes and Inline Caches</a></li> <li><a href="/notes/async-stack-traces" rel="bookmark">JavaScript performance Asynchronous stack traces: why <code>await</code> beats <code>Promise#then()</code></a></li> <li><a href="/notes/es-regexp-proposals" rel="bookmark">JavaScript Unicode ECMAScript regular expressions are getting better!</a></li> <li><a href="/notes/es-unicode-property-escapes" rel="bookmark">JavaScript Unicode Unicode property escapes in JavaScript regular expressions</a></li> <li><a href="/notes/es6-const" rel="bookmark">JavaScript ES2015 <code>const</code> is not about immutability</a></li> <li><a href="/notes/javascript-identifiers-es6" rel="bookmark">JavaScript Unicode Valid JavaScript variable names in ES2015</a></li> <li><a href="/notes/es6-unicode-regex" rel="bookmark">HTML JavaScript Unicode Unicode-aware regular expressions in ES2015</a></li> <li><a href="/notes/gmail-plain-text" rel="bookmark">Email Dear Google, please fix plain text emails in Gmail</a></li> <li><a href="/notes/pbkdf2-hmac" rel="bookmark">Bash cryptography JavaScript Python PBKDF2+HMAC hash collisions explained</a></li> <li><a href="/notes/javascript-unicode" rel="bookmark">JavaScript Unicode JavaScript has a Unicode problem</a></li> <li><a href="/notes/csp-reports" rel="bookmark">CSP PHP security Processing Content Security Policy violation reports</a></li> <li><a href="/notes/json-dom-csp" rel="bookmark">CSP DOM HTML JavaScript PHP security Hiding JSON-formatted data in the DOM with CSP enabled</a></li> <li><a href="/notes/xhr-responsetype-json" rel="bookmark">DOM HTTP JavaScript Loading JSON-formatted data with Ajax and <code>xhr.responseType='json'</code></a></li> <li><a href="/notes/reserved-keywords" rel="bookmark">JavaScript Reserved keywords in JavaScript</a></li> <li><a href="/notes/mysql-utf8mb4" rel="bookmark">MySQL security Unicode How to support full Unicode in MySQL databases</a></li> <li><a href="/notes/dropquest-2012" rel="bookmark">Dropquest JavaScript How to speedrun Dropbox’s Dropquest 2012</a></li> <li><a href="/notes/unquoted-font-family" rel="bookmark">CSS Unquoted font family names in CSS</a></li> <li><a href="/notes/javascript-properties" rel="bookmark">JavaScript Unquoted property names / object keys in JavaScript</a></li> <li><a href="/notes/javascript-identifiers" rel="bookmark">JavaScript Unicode Valid JavaScript variable names in ES5</a></li> <li><a href="/notes/javascript-encoding" rel="bookmark">JavaScript Unicode JavaScript’s internal character encoding: UCS-2 or UTF-16?</a></li> <li><a href="/notes/javascript-escapes" rel="bookmark">JavaScript Unicode JavaScript character escape sequences</a></li> <li><a href="/notes/minimal-html" rel="bookmark">HTML SGML The smallest possible valid (X)HTML documents</a></li> <li><a href="/notes/ambiguous-ampersands" rel="bookmark">HTML Ambiguous ampersands</a></li> <li><a href="/notes/javascript-prototype-notation" rel="bookmark">JavaScript JavaScript <code>foo.prototype.bar</code> notation</a></li> <li><a href="/notes/element-attribute-notation" rel="bookmark">CSS HTML HTML element + attribute notation</a></li> <li><a href="/notes/localstorage-pattern" rel="bookmark">JavaScript performance How I detect and use <code>localStorage</code>: a simple JavaScript pattern</a></li> <li><a href="/notes/etago" rel="bookmark">CSS DOM HTML JavaScript The end-tag open (ETAGO) delimiter</a></li> <li><a href="/notes/unquoted-attribute-values" rel="bookmark">CSS HTML JavaScript Unquoted attribute values in HTML and CSS/JS selectors</a></li> <li><a href="/notes/safe-css-hacks" rel="bookmark">CSS HTML In defense of CSS hacks — introducing “safe CSS hacks”</a></li> <li><a href="/notes/oninput" rel="bookmark">DOM HTML JavaScript Using the <code>oninput</code> event handler with <code>onkeyup</code>/<code>onkeydown</code> as its fallback</a></li> <li><a href="/notes/touch-icons" rel="bookmark">HTML iOS performance Everything you always wanted to know about touch icons</a></li> <li><a href="/notes/ios-airplay-bookmarklet" rel="bookmark">HTML iOS JavaScript AirPlay video support in iOS Safari — a bookmarklet</a></li> <li><a href="/notes/dropquest-2011" rel="bookmark">Dropquest JavaScript Completing Dropbox’s Dropquest 2011 in 60 seconds</a></li> <li><a href="/notes/javascript-benchmarking" rel="bookmark">JavaScript performance Bulletproof JavaScript benchmarks</a></li> <li><a href="/notes/css-without-html" rel="bookmark">CSS HTML HTTP PHP Using CSS without HTML</a></li> <li><a href="/notes/shell-script-mac-apps" rel="bookmark">Bash macOS How to create simple Mac apps from shell scripts</a></li> <li><a href="/notes/settimeout-onload" rel="bookmark">HTML JavaScript performance Using <code>setTimeout</code> to speed up <code>window.onload</code></a></li> <li><a href="/notes/css-escapes" rel="bookmark">CSS JavaScript Unicode CSS character escape sequences</a></li> <li><a href="/notes/html5-id-class" rel="bookmark">CSS HTML Unicode The <code>id</code> attribute got more <code>class</code>y in HTML5</a></li> <li><a href="/notes/xhtml5" rel="bookmark">HTML HTTP The XML serialization of HTML5, aka ‘XHTML5’</a></li> <li><a href="/notes/safari-reader-html" rel="bookmark">CSS HTML iOS macOS Thoughts on Safari Reader’s generated HTML</a></li> <li><a href="/notes/safari-reader" rel="bookmark">HTML iOS macOS How to enable Safari Reader on your site?</a></li> <li><a href="/notes/html5-levels" rel="bookmark">HTML The three levels of HTML5 usage</a></li> <li><a href="/notes/document-head" rel="bookmark">HTML JavaScript The HTML5 <code>document.head</code> DOM tree accessor</a></li> <li><a href="/notes/showdown-javascript-jquery" rel="bookmark">HTML JavaScript jQuery Using Showdown/PageDown with and without jQuery</a></li> <li><a href="/notes/html5-details-jquery" rel="bookmark">CSS HTML JavaScript jQuery Bulletproof HTML5 <code><details></code> fallback using jQuery</a></li> <li><a href="/notes/css-hidden-elements" rel="bookmark">CSS HTML JavaScript Displaying hidden elements like <code><head></code> using CSS</a></li> <li><a href="/notes/inline-vs-separate-file" rel="bookmark">CSS HTML JavaScript performance Inline <code><script></code> and <code><style></code> vs. external <code>.js</code> and <code>.css</code> — what’s the size threshold?</a></li> <li><a href="/notes/rel-shortcut-icon" rel="bookmark">HTML <code>rel="shortcut icon"</code> considered harmful</a></li> <li><a href="/notes/async-analytics-snippet" rel="bookmark">JavaScript performance Optimizing the asynchronous Google Analytics snippet</a></li> <li><a href="/notes/fresh-start" rel="bookmark">meta A fresh start</a></li> <li><a href="/notes/apache-allowoverride-all" rel="bookmark">Apache Apache’s <code>AllowOverride All</code> doesn’t do what you think it does</a></li> <li><a href="/notes/no-www-redirects" rel="bookmark">Apache HTTP PHP Removing ‘www.’ from your URL</a></li> </ul> </section> <footer>© 1988–2025 Mathias Bynens</footer> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk" crossorigin></script> <script src="/js"></script> </body> </html>