In this week’s roundup, a handy bookmarklet for inspecting typography, using
Check if your content breaks after increasing text spacing
Dylan Barrell from Deque has created a bookmarklet that you can use to check if there are any issues with the content or functionality of your website after increasing the line, paragraph, letter, and word spacing, according to the “Text Spacing” success criterion of the Web Content Accessibility Guidelines.
(via Dylan Barrell)
The proposed top-level
await (e.g., to connect to a database), and module B imports module A — via the
import declaration — then the body of B will be evaluated after the body of A (i.e., B will correctly wait for A).
awaitenables modules to act as big async functions: With top-level
await, ECMAScript Modules (ESM) can
awaitresources, causing other modules who
importthem to wait before they start evaluating their body.
(via Brian Kardell)
AMP’s new multi-stage loading indicator
AMP has created a new multi-stage loading indicator that has better perceived performance (tested on 2,500 users): It shows nothing until 0.5s, then an intermediate animation until 3.5s, and finally a looping spinner after that.
(via Andrew Watterson)
In other news…
- AMP has released the
- The HTML Standard has made
autofocusa global attribute that “applies to all elements, not just to form controls” (e.g., this change enables
<div contenteditable autofocus>, but no browser supports this yet) (via Kent Tamura).
- Facebook’s in-app browser (powered by Android’s WebView) is not a browser: “Facebook is breaking the web for 20–30% of your traffic because you aren’t demanding they do better” (via Alex Russell).
Read more news in my new, weekly Sunday issue. Visit webplatform.news for more information.
The post Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator appeared first on CSS-Tricks.