David Brunelle: If you ever need to remove the service worker from your web app, you can use this “kill switch” service worker that deletes all caches and then unregisters itself.
Katie Hempenius: In Chrome/Firefox DevTools, you can use the has-response-header: operator to only show resources that contain a specific HTTP response header.
Lukas Weichselbaum: Chrome now uses the more granular script-src-elem and script- src-attr directives in CSP violation reports (even when the website sets the older script- src directive). Allen Wirfs‑Brock: Modern package managers and module systems have obsoleted the utility of standard libraries. Chrome Developers: Twitch will start using the VP9 video codec for its live streams (“25% bitrate savings compared to the highest‑quality H.264 encoders”).
Steve Souders: Synchronous scripts can delay the loading of images; use the async or defer attributes to load scripts at a lower priority. Seth Thompson: “With work halting on EdgeHTML, Servo is now the newest in‑progress browser engine .”
Tab Atkins: An image’s naturalWidth and naturalHeight properties are “density‑ corrected,” so they don’t necessarily return the actual dimensions of the image resource. W3C: The first draft of the Web Publications explainer (written by Dave Cramer) is available on GitHub; it describes how web publications differ from the regular web. Aaron Gustafson: The Edge team has started committing code to the Chromium project. Steve Faulkner: ANDI is a bookmarklet that can detect various accessibility issues on the page, such as “elements with no accessible name” and “improper ARIA usage.” Thomas Steiner: The proposed Wake Lock API allows web apps to prevent the device from dimming and locking the screen (screen wake lock) or prevent the device from going to sleep (system wake lock); this API is currently behind flag in Chrome.
Zach Leatherman: The term “third‑party JavaScript” is ambiguous; it can mean JavaScript loaded from a different site or JavaScript not written by the author(s) of the web page. Chen Hui Jing: When inspecting CSS in the browser’s developer tools, you can hold Shift and
click the color dot to change the color unit (e.g., red → #f00 → rgb(255, 0, 0) → hsl(0, 100%, 50%) → …). Jake Archibald: “Periodic sync” would give you a service worker event that fires at an OS‑ controlled interval, which you can use to update caches, etc. Daniel Ehrenberg: TC39 is looking into expanding the JavaScript standard library (e.g., with API from libraries such as lodash). Maximiliano Firtman: Web Bluetooth Scanning is a proposed API that would enable websites to listen for advertising packets broadcasted by Bluetooth Low Energy (BLE) devices. Sven Sauleau: With webpack, you can directly import C code (using the experimental “holyc” loader). Wes Bos: Intersection Observer can be used to disable a UI until something has been shown on screen.
Jason Miller: The HTML crossorigin attribute defaults to the value "anonymous" and can be declared as a Boolean attribute. Maximiliano Firtman: Do browser engineers/devrels have the responsibility to file bugs for issues they hear about on Twitter and other places?
element to notify screen reader users when content on the page is dynamically updated. Jake Archibald: We wanted to prove that you can load a web app built using a modern JavaScript framework in less than 5 seconds on 2G. Wolfie Christl: A single ad on a website may set 25 cookies, make 100 “fourth‑party” calls and use 40% of a user’s CPU, according to the guidelines of this adtech firm. François Remy: The
Windows 10 October 2018 Update can still only be installed manually (which means that most users are probably not on the latest version of Edge).
December 14, 2018
Maximiliano Firtman: WebAPK was enabled more than one year ago, but web apps still can’t be published on the Google Play app store. Roger Johansson: Where in the tab order should sticky/floating elements appear?
Henrik Joreteg: iOS Safari is the only major browser that doesn’t support the attribute. Opera : Opera for Android now includes a built‑in crypto wallet that supports the Etherium protocol. Addy Osmani: quicklink is a tiny library (by Chrome team) that detects and prefetches links within the viewport when the browser is idle. Andreas Bovens: The two new standard CSS properties for styling scrollbars have shipped in Firefox.
December 13, 2018 Intent To Ship: CSS ::part pseudo‑element in Blink (allows custom elements to expose specific sub‑elements for styling by the outer page). Glenn Gabe: Clarity by Microsoft is a new analytics product (in beta) that “lets you replay your users’ session to see how your users really use your site.”
Nicole Sullivan: A proposal to send the value via an HTTP response header, so that browsers can receive this information earlier (before parsing the HTML document). Wikimedia: The European Court of Human Rights affirmed that hyperlinking is protected free expression (i.e., “simply posting a hyperlink should not make a person liable for the content of that link”).
Ire Aderinokun: CSS visibility: hidden makes elements non‑interactive and removes them from the accessibility tree.
Lea Verou: You can use the ::-webkit -inner-spin-button pseudo‑element to prevent the spinner of number inputs from becoming invisible in Chrome.
December 12, 2018
Tom Schuster: Firefox would like to improve “x is undefined” error messages but can’t because some websites depend on the exact wording of JavaScript error messages.
Malte Ubl: Many third‑party JavaScript and CSS services already use the stale-while- revalidate header, which improves caching, but no browser supports it yet. Maxim Salnikov: The Lighthouse auditing tool now uses the community‑designed Progressive Web Apps logo.
Kohei Yoshino: Firefox will in the next version (~Jan 29) stop dispatching the 'keypress' event for non‑printable keys (Backspace, arrow keys, etc.), which aligns it with the other browsers. HTTP Archive: We’re giving away a limited number of coupons worth $50 (equivalent to 10 TB of queries) to promote the expansion of the HTTP Archive dataset. Hadley Beeman: The W3C TAG discussed the “Constructable Stylesheet Objects” proposal, which would allow creating stylesheets with JavaScript and reusing them in multiple places. Steve Souders: Third‑party JavaScript size grew by a factor of 8, from 32 KB to 258 KB, in the last 7 years.
December 11, 2018
Anne van Kesteren: There are three independent definitions of paths: for canvas, CSS, and SVG. Paul Bakaus: Web users need to unlearn that web sites can’t be used offline. Florens Verschelde: Facebook disguises the label “Sponsored” from ad blockers by breaking the word up into four parts and adding visually hidden letters between the parts. Nicholas C. Zakas: Poll: How frequently do you use the term “Ajax ” to refer to client‑side JavaScript making an HTTP request? Jake Archibald: Is there a way to prevent pinch zooming in iOS Safari?
Hidde de Vries: elem.scrollIntoView({ block: 'center' }) scrolls the element into the center of the viewport. Stefan Judis: During planned site downtime, respond with 503 Service Unavailable and
specify the Retry-After header, which Googlebot may use to determine when to recrawl the URL.
December 9, 2018
Michiel Bijl: “No ARIA is better than bad ARIA”; e.g., if you add role="button" , you must also implement the necessary behavior with JavaScript.
Heydon Pickering: The 'storage' event is fired when localStorage or sessionStorage has been modified. Thierry Muller: The official AMP plugin for WordPress is production‑ready; you can serve any URL on your site with AMP. Jeffrey Zeldman: Consider always showing your work in Firefox, as a subtle reminder that there are other browsers out there. Umar Hansa: “Logpoints” is an experimental feature in Chrome Canary DevTools that allows you to log custom expressions to the console whenever a specific line of JavaScript code is executed. Gaurav Seth: ChakraCore, the core part of Microsoft’s JavaScript engine, will continue to be supported as an open‑source project (after Edge switches to V8). Patrick Walton: It’s time to make parallel layout a reality with Servo.
December 7, 2018
Robert O'Callahan: If Chromium is the only implementation web developers test against, then Chromium bugs are de facto standards and become impossible to fix.
Andrea Giammarchi: The experimental CSS supported-color-schemes property specifies under what conditions Safari can apply transformations to the page to match the user’s color scheme preference (available in Safari Technology Preview).
Web Platform News: Igalia Web Platform Team is working on a patch to make
December 6, 2018
Flaki: In Firefox’s Accessibility Inspector (DevTools Accessibility panel), you can check if an element has insufficient contrast by hovering it with the element picker (available in Nightly). Jake Archibald: A 2‑minute video demo of Background Fetch, an API that allows web apps to download large files reliably, even if the user temporarily goes offline or closes the browser. Mariko Kosaka: Poll: Should all websites have a web app manifest, or just PWAs? Stephen Shankland: Mozilla is working on a faster AV1 video encoder. Paul J. Adam: Safari Technology Preview has an experimental Audit panel with accessibility audits. Stephen Shankland: Web Authentication is now an experimental feature in Safari Technology Preview (with support for USB security keys).
December 5, 2018
Chrome DevTools: A list of the 20 functions available within Chrome’s console (e.g.,
monitorEvents ). KaiOS Technologies: A new KaiOS smart feature phone priced at $7 will launch early next year in Indonesia. Fred K. Schott: Pika (pikapkg.com) is a searchable catalog of ESM (JavaScript modules) packages on npm. Henrik Joreteg: Starbucks would like to see their PWA in the Google Play app store. Steve Souders: Metrics from top sites show large gaps between first byte and paint (over 3 s), and between paint and CPU idle (~6 s) on mobile.
December 4, 2018
Chris Peterson: What are legitimate use cases for sniffing the OS version in a User-Agent string? Mikko Hypponen: A research paper suggests that it’s possible to accurately infer which web pages a user has visited by analyzing the remaining textures in the GPU memory (in Firefox and Chrome). Kornel Lesiński: For critical updates, consider force‑reloading your PWA instead of showing a “New version available” notification to the user. Dan Tonon: Autoprefixer adds limited support for CSS Grid auto‑placement in Internet Explorer.
Steve Faulkner: Use or (both are identical) for decorative images.
Jason Miller: If the fifth argument in a window.onerror call is null , the error likely originated in a web worker . Web Platform News: The list of web development feeds has been updated with ~20 new feeds.
December 3, 2018
Nick Sherman: The valid numeric range for the CSS font-weight property is 1 – 1000 (useful for variable fonts). KaiOS Technologies: Twitter’s team tests on KaiOS keypad devices (JioPhone) and over 2G speeds during “2G Thursdays.”
Scott Helme: When the user logs out of your website, you can use the Clear-Site-Data header to remove cookies, cached responses, local storage, etc. from the user’s browser. Malte Ubl: I’m looking forward to the first feedback from AMP Project’s Advisory Committee (16 members from different companies).
Stefan Judis: The CSS prefers-reduced-motion media feature is now supported in Firefox as well (in addition to Safari). Patrick Meenan: (Only) Akamai and Cloudflare implement HTTP/2 prioritization well (they can re‑prioritize in‑flight requests). A4AI: Over 2.3 billion people can’t afford 1 GB of mobile data. Joey Nichols: The Atlantic’s regular (non‑AMP) article page is fully loaded before the AMP version displays any meaningful content.
November 30, 2018
Tania Rascia: CSS gradients can be used as CSS shapes (“the text will know to flow around the transparent part”). Chris Love: Google’s web․dev auditing tool includes a SEO score (11 audits).
Mike West: I’ve proposed a set of Client Hints that replace the User-Agent and Accept- Language headers. KaiOS Technologies: Superior mobile internet is a great solution for those regions where reliable Wi‑Fi isn’t a reality. Heydon Pickering: Can you server‑render a React component that works if JavaScript fails on the client? W3C Web Accessibility Initiative: You can use our free tool to create an accessibility statement for your website.
Terence Eden: It is highly recommended that you use the