<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" 
  xmlns:atom="http://www.w3.org/2005/Atom"
  xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>TL;DRs from around the web</title>
    <link>https://tldr.rocks/</link>
    <description>Recent content on TL;DRs from around the web</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <managingEditor>paul.kinlan@gmail.com (Paul Kinlan)</managingEditor>
    <webMaster>paul.kinlan@gmail.com (Paul Kinlan)</webMaster>
    <copyright>Paul Kinlan 2023</copyright>
    <lastBuildDate>Thu, 10 Apr 2025 21:08:31 +0000</lastBuildDate>
    
	<atom:link href="https://tldr.rocks/index.xml" rel="self" type="application/rss+xml" />
    
    
    
    <item>
      <title>Report: The &lt;select&gt; element can now be customized with CSS | Hacker News</title>
      <link>https://tldr.rocks/hn-43532830/</link>
      <pubDate>Thu, 10 Apr 2025 21:08:31 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-43532830/</guid>
      <description>Article summary The blog post announces that starting from Chrome 135, web developers can now fully customize the HTML &amp;lt;select&amp;gt; element using CSS, addressing a long-standing limitation. The new feature uses appearance: base-select to unlock customization capabilities, allowing rich HTML content like images and SVG inside options. This implementation changes the browser&#39;s HTML parser and rendering behavior, exposing new internal parts and states for styling. The customized select renders with minimal default styling and displays options in the top layer like a popover.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><h3 id="article-summary">Article summary</h3>
<p>The blog post announces that starting from Chrome 135, web developers can now fully customize the HTML <code>&lt;select&gt;</code> element using CSS, addressing a long-standing limitation. The new feature uses <code>appearance: base-select</code> to unlock customization capabilities, allowing rich HTML content like images and SVG inside options. This implementation changes the browser's HTML parser and rendering behavior, exposing new internal parts and states for styling. The customized select renders with minimal default styling and displays options in the top layer like a popover. While these selects lose some native behaviors like rendering outside the browser pane or triggering mobile OS components, they maintain all JavaScript interfaces. The post highlights that this feature was developed collaboratively across browser vendors, with Chrome being the first to implement it. Resources include examples, documentation on MDN, and various community collections demonstrating the new customization possibilities.</p>
<h3 id="comment-summary">Comment summary</h3>
<p>Here is a summary of the key points from the Hacker News discussion about customizable <code>&lt;select&gt;</code> elements in CSS:</p>
<h3 id="positive-sentiment">Positive Sentiment:</h3>
<ul>
<li>Many developers are excited about this long-awaited feature, which has been desired for decades</li>
<li>It will allow for more consistent styling of select elements without relying on JavaScript libraries</li>
<li>Seen as a step forward for native web capabilities and reducing reliance on custom components</li>
</ul>
<h3 id="negative-sentiment">Negative Sentiment:</h3>
<ul>
<li>Concerns about losing native mobile OS styling and behaviors</li>
<li>Worries it may lead to poorly implemented custom selects that are less accessible</li>
<li>Some view it as further Chrome/Chromium dominance of web standards</li>
<li>Skepticism about how long it will take other browsers to implement</li>
</ul>
<h3 id="recommended-actions">Recommended Actions:</h3>
<ul>
<li>Use as progressive enhancement, don't rely on it exclusively yet</li>
<li>Be careful not to break accessibility when customizing selects</li>
<li>Consider user needs before heavily styling native controls</li>
<li>Test implementations across browsers and devices</li>
</ul>
<h3 id="interesting-links">Interesting Links:</h3>
<ol>
<li><a href="https://caniuse.com/mdn-css_properties_appearance_base-select">https://caniuse.com/mdn-css_properties_appearance_base-select</a></li>
<li><a href="https://open-ui.org/components/combobox.explainer/">https://open-ui.org/components/combobox.explainer/</a></li>
<li><a href="https://open-ui.org/components/customizableselect/">https://open-ui.org/components/customizableselect/</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist</a></li>
<li><a href="https://webkit.org/blog/16574/webkit-features-in-safari-18-4/">https://webkit.org/blog/16574/webkit-features-in-safari-18-4/</a></li>
</ol>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: A new path for Privacy Sandbox on the web | Hacker News</title>
      <link>https://tldr.rocks/hn-41038586/</link>
      <pubDate>Tue, 23 Jul 2024 20:03:20 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-41038586/</guid>
      <description>Article summary Here&#39;s a summary of the blog post:
Google is proposing a new approach for the Privacy Sandbox initiative on the web. Instead of completely deprecating third-party cookies, they plan to introduce a new experience in Chrome that allows users to make an informed choice about cookie tracking that applies across their web browsing. Users will be able to adjust this choice at any time.
Key points:
The goal remains to improve online privacy while preserving ad-supported internet and a competitive marketplace.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><h3 id="article-summary">Article summary</h3>
<p>Here's a summary of the blog post:</p>
<p>Google is proposing a new approach for the Privacy Sandbox initiative on the web. Instead of completely deprecating third-party cookies, they plan to introduce a new experience in Chrome that allows users to make an informed choice about cookie tracking that applies across their web browsing. Users will be able to adjust this choice at any time.</p>
<p>Key points:</p>
<ul>
<li>
<p>The goal remains to improve online privacy while preserving ad-supported internet and a competitive marketplace.</p>
</li>
<li>
<p>Google has received feedback from various stakeholders including regulators, publishers, developers, and advertisers throughout the process.</p>
</li>
<li>
<p>Early testing shows the Privacy Sandbox APIs have potential to achieve desired outcomes.</p>
</li>
<li>
<p>Google will continue to make Privacy Sandbox APIs available and invest in improving them.</p>
</li>
<li>
<p>They plan to introduce additional privacy controls like IP Protection in Chrome's Incognito mode.</p>
</li>
<li>
<p>Google will continue consulting with regulators like the UK's CMA and ICO as they finalize this approach.</p>
</li>
<li>
<p>The company expressed gratitude to all organizations and individuals who have contributed to developing and testing the Privacy Sandbox over the last four years.</p>
</li>
</ul>
<p>The post emphasizes that this new approach aims to elevate user choice while still providing privacy-preserving alternatives for developers and advertisers. Google plans to engage with the industry as they roll out this new path forward for online privacy and advertising.</p>
<h3 id="hacker-news-comment-summary">Hacker News Comment summary</h3>
<p>Here is a summary of the Hacker News post in Markdown format:</p>
<h3 id="positive-sentiment">Positive Sentiment:</h3>
<ul>
<li>Google is trying to balance privacy concerns with advertising industry needs</li>
<li>Chrome will introduce a new experience to let users make informed choices about cookies</li>
<li>Google is working on specifications and standards for the new approach</li>
<li>Google is consulting with regulators and stakeholders on the changes</li>
</ul>
<h3 id="negative-sentiment">Negative Sentiment:</h3>
<ul>
<li>Google is abandoning plans to deprecate third-party cookies</li>
<li>This is seen as a setback for user privacy by some</li>
<li>There are concerns about Google's ability to track users even without third-party cookies</li>
<li>Some view Google as prioritizing advertisers over users</li>
<li>The new approach lacks details and seems vague</li>
</ul>
<h3 id="recommended-actions">Recommended Actions:</h3>
<ul>
<li>Provide more specifics on the new Chrome experience for user choices</li>
<li>Address concerns about Google's ability to track users without third-party cookies</li>
<li>Consider separating Chrome from Google to reduce conflicts of interest</li>
<li>Ensure the new approach actually improves privacy rather than just appearing to</li>
<li>Work on alternative technologies to enable key use cases without third-party cookies</li>
</ul>
<h3 id="interesting-links">Interesting Links:</h3>
<ol>
<li><a href="https://support.google.com/admanager/answer/15189422">https://support.google.com/admanager/answer/15189422</a></li>
<li><a href="https://github.com/orgs/explainers-by-googlers/repositories">https://github.com/orgs/explainers-by-googlers/repositories</a></li>
<li><a href="https://github.com/orgs/privacycg/repositories">https://github.com/orgs/privacycg/repositories</a></li>
<li><a href="https://github.com/privacysandbox/privacy-sandbox-dev-support">https://github.com/privacysandbox/privacy-sandbox-dev-support</a></li>
<li><a href="https://clearcode.cc/blog/browsers-first-third-party-cookies/">https://clearcode.cc/blog/browsers-first-third-party-cookies/</a></li>
</ol>
<p>&quot;</p>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: WebAssembly Garbage Collection (WasmGC) now enabled by default in Chrome - Chrome for Developers</title>
      <link>https://tldr.rocks/hn-38109020/</link>
      <pubDate>Fri, 03 Nov 2023 22:59:48 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-38109020/</guid>
      <description>Article summary Here is a summary of the key points from the blog post:
Garbage collection is a way for programming languages to automatically reclaim memory that is no longer being used by a program. Many modern languages like Java and Kotlin use garbage collection.
WebAssembly (Wasm) is a new runtime that allows programs written in various languages to be run in web browsers. However, traditionally each language needed to bundle its own garbage collector when compiled to Wasm, which was inefficient.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><h3 id="article-summary">Article summary</h3>
<p>Here is a summary of the key points from the blog post:</p>
<ul>
<li>
<p>Garbage collection is a way for programming languages to automatically reclaim memory that is no longer being used by a program. Many modern languages like Java and Kotlin use garbage collection.</p>
</li>
<li>
<p>WebAssembly (Wasm) is a new runtime that allows programs written in various languages to be run in web browsers. However, traditionally each language needed to bundle its own garbage collector when compiled to Wasm, which was inefficient.</p>
</li>
<li>
<p>WasmGC is a new proposal that allows programming languages compiled to Wasm to integrate with the browser's built-in garbage collector. This eliminates the need to bundle a redundant collector.</p>
</li>
<li>
<p>WasmGC enables smaller file sizes for Wasm programs. A Java benchmark was 6x smaller than equivalent C and Rust versions since it didn't need to bundle a memory manager.</p>
</li>
<li>
<p>Languages like Kotlin and Dart/Flutter are now being ported to leverage WasmGC. This will enable new use cases like running Flutter apps on the web.</p>
</li>
<li>
<p>WasmGC is still in early stages but shows promise for allowing more languages to efficiently target Wasm and the web.</p>
</li>
</ul>
<h3 id="comment-summary">Comment summary</h3>
<p>Here is a summary of the key points from the Hacker News discussion about running GC languages like Java and Kotlin in the browser with WebAssembly and WasmGC:</p>
<h3 id="positive-sentiment">Positive Sentiment</h3>
<ul>
<li>
<p>Exciting to be able to run languages like Java, Kotlin, and Dart in the browser with WebAssembly. Opens up new possibilities for web development beyond just JavaScript.</p>
</li>
<li>
<p>With WebAssembly and WasmGC, more developers can bring their existing experience with GC languages like Java to web development. Lower barrier to entry compared to languages like C/C++ or Rust.</p>
</li>
<li>
<p>Having WebAssembly and WasmGC as standards rather than proprietary browser plugins is a big improvement. More secure and cross-browser compatible.</p>
</li>
</ul>
<h3 id="negative-sentiment">Negative Sentiment</h3>
<ul>
<li>
<p>Concerns that supporting many different languages' needs with a single GC implementation will be difficult or limiting. Some languages may need special handling like interior pointers or pinning.</p>
</li>
<li>
<p>Browser JavaScript APIs are increasingly moving away from documents towards applications. Some feel the web platform should remain focused on documents.</p>
</li>
<li>
<p>Safari still lags behind other browsers in WebAssembly support. Lack of iOS support could limit adoption.</p>
</li>
</ul>
<h3 id="recommended-actions">Recommended Actions</h3>
<ul>
<li>
<p>Prioritize working on support for interior pointers, pinning, and other special GC needs of different languages.</p>
</li>
<li>
<p>Carefully design browser APIs to maintain a balance between documents and applications.</p>
</li>
<li>
<p>Engage with Apple/Safari developers to improve WebAssembly support and achieve cross-browser compatibility.</p>
</li>
</ul>
<h3 id="interesting-links">Interesting Links</h3>
<ul>
<li><a href="https://github.com/dart-lang/web/blob/main/test/smoke_test.dart">https://github.com/dart-lang/web/blob/main/test/smoke_test.dart</a></li>
<li><a href="https://medium.com/@addyosmani/photoshop-is-now-on-the-web-3fbff88931e7">https://medium.com/@addyosmani/photoshop-is-now-on-the-web-3fbff88931e7</a></li>
<li><a href="https://web.dev/articles/ps-on-the-web">https://web.dev/articles/ps-on-the-web</a></li>
<li><a href="https://linuxontheweb.github.io/">https://linuxontheweb.github.io/</a></li>
<li><a href="https://davexunit.itch.io/strigoform">https://davexunit.itch.io/strigoform</a></li>
<li><a href="https://spritely.institute/hoot/">https://spritely.institute/hoot/</a></li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: State of CSS 2022  |  Articles  |  web.dev</title>
      <link>https://tldr.rocks/hn-33287471/</link>
      <pubDate>Thu, 19 Oct 2023 22:54:20 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-33287471/</guid>
      <description>Here is a summary of the key points from the Hacker News post on the state of CSS in 2022:
Positive Sentiment Many people are excited about new features like container queries, cascade layers, :has() selector, and color spaces beyond sRGB. These will enable new kinds of responsive designs and solve pain points in managing large codebases.
There is appreciation for how much CSS has evolved, becoming more powerful and easier to use compared to the early days.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key points from the Hacker News post on the state of CSS in 2022:</p>
<h3 id="positive-sentiment">Positive Sentiment</h3>
<ul>
<li>
<p>Many people are excited about new features like container queries, cascade layers, :has() selector, and color spaces beyond sRGB. These will enable new kinds of responsive designs and solve pain points in managing large codebases.</p>
</li>
<li>
<p>There is appreciation for how much CSS has evolved, becoming more powerful and easier to use compared to the early days. Browsers are also getting better at shipping new features consistently.</p>
</li>
<li>
<p>Some see great potential in upcoming features like subgrid and masonry layout to simplify common layout tasks that currently require hacks.</p>
</li>
</ul>
<h3 id="negative-sentiment">Negative Sentiment</h3>
<ul>
<li>
<p>There are complaints about CSS getting too large, complex and bloated. Some feel many new features are useless or overcomplicated for most use cases.</p>
</li>
<li>
<p>Concerns about how certain features could be misused, like accent-color overriding styling for accessibility, or inert disabling interaction.</p>
</li>
<li>
<p>Frustration that basic things are still lacking, like constraints-based layout. Also complaints about grid being too cryptic compared to tables.</p>
</li>
<li>
<p>Dissatisfaction with the pace of adoption, as exciting features remain unsupported on mobile browsers. Interop issues between browsers persist.</p>
</li>
</ul>
<h3 id="recommended-actions">Recommended Actions</h3>
<ul>
<li>
<p>Prioritize development of highly-demanded features like subgrid, mixins, and aspect ratio. Ensure good browser compatibility.</p>
</li>
<li>
<p>Write more explanatory docs and tutorials to aid adoption of newer features.</p>
</li>
<li>
<p>Simplify and refine overly complex areas of the spec like grid layout.</p>
</li>
<li>
<p>Engage with accessibility experts to prevent misuse of features.</p>
</li>
<li>
<p>Add developer tools to support debugging new features.</p>
</li>
<li>
<p>Set up services to transpile future CSS for older browser support.</p>
</li>
<li>
<p>Conduct more outreach to gather feedback from CSS developers on pain points.</p>
</li>
</ul>
<h2 id="interesting-links">Interesting links:</h2>
<ul>
<li>
<p><a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/">https://css-tricks.com/snippets/css/a-guide-to-flexbox/</a> (A Complete Guide to Flexbox)</p>
</li>
<li>
<p><a href="https://css-tricks.com/almanac/properties/a/aspect-ratio/">https://css-tricks.com/almanac/properties/a/aspect-ratio/</a> (CSS aspect-ratio Property)</p>
</li>
<li>
<p><a href="https://www.w3.org/TR/css-nesting-1/">https://www.w3.org/TR/css-nesting-1/</a> (CSS Nesting Module)</p>
</li>
<li>
<p><a href="https://web.dev/learn/css/grid/">https://web.dev/learn/css/grid/</a> (Learn CSS Grid)</p>
</li>
<li>
<p><a href="https://www.w3.org/TR/css-cascade-5/">https://www.w3.org/TR/css-cascade-5/</a> (CSS Cascading and Inheritance Level 5)</p>
</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: New Patterns for Amazing Apps on the Web</title>
      <link>https://tldr.rocks/hn-33155016/</link>
      <pubDate>Thu, 19 Oct 2023 22:50:27 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-33155016/</guid>
      <description>Here is a summary of the Hacker News post in Markdown format:
Positive Sentiment The post introduces new web APIs that enable building advanced web apps, like using system level contact picker, saving files directly to disk, accepting file uploads etc. This will allow developing full-featured web apps that rival native apps.
showSaveFilePicker() provides a better user experience than just downloading a file, since it allows editing and incrementally saving a file.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the Hacker News post in Markdown format:</p>
<h3 id="positive-sentiment">Positive Sentiment</h3>
<ul>
<li>
<p>The post introduces new web APIs that enable building advanced web apps, like using system level contact picker, saving files directly to disk, accepting file uploads etc. This will allow developing full-featured web apps that rival native apps.</p>
</li>
<li>
<p><code>showSaveFilePicker()</code> provides a better user experience than just downloading a file, since it allows editing and incrementally saving a file.</p>
</li>
<li>
<p>Being able to retain file access permissions between sessions is a useful upcoming feature.</p>
</li>
</ul>
<h3 id="negative-sentiment">Negative Sentiment</h3>
<ul>
<li>
<p>The APIs have poor browser support currently. A browser compatibility matrix should have been provided.</p>
</li>
<li>
<p>The file access APIs may be unexpected and seem unnatural to users. Clear user prompts need to be shown when accessing user files.</p>
</li>
<li>
<p>Some feel web apps should not try to replace native apps and traditional editors.</p>
</li>
</ul>
<h3 id="recommended-actions">Recommended Actions</h3>
<ul>
<li>
<p>Provide a browser compatibility matrix to inform developers.</p>
</li>
<li>
<p>Educate users on how file access works, show clear prompts before accessing user files.</p>
</li>
<li>
<p>Prioritize user control, privacy and security as these powerful web APIs roll out.</p>
</li>
</ul>
<h3 id="interesting-links">Interesting links</h3>
<ul>
<li>
<p>Browser support matrix: <a href="https://web.dev/patterns/advanced-apps/contacts/#:~:text=con">https://web.dev/patterns/advanced-apps/contacts/#:~:text=con</a>...</p>
</li>
<li>
<p>Powering browser support matrix using Eleventy and MDN data: <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a></p>
</li>
<li>
<p>File handling spec: <a href="https://web.dev/patterns/files/">https://web.dev/patterns/files/</a></p>
</li>
<li>
<p>Permission persistence flag in Chromium: --enable-features=kFileSystemAccessPersistentPermissions</p>
</li>
<li>
<p>Example editors:</p>
<ul>
<li><a href="https://github.com/vim/vim">https://github.com/vim/vim</a></li>
<li><a href="https://github.com/emacs-mirror/emacs">https://github.com/emacs-mirror/emacs</a></li>
<li><a href="https://github.com/xi-editor/xi-editor">https://github.com/xi-editor/xi-editor</a></li>
<li><a href="https://github.com/notepad-plus-plus/notepad-plus-plus">https://github.com/notepad-plus-plus/notepad-plus-plus</a></li>
<li><a href="https://github.com/helix-editor/helix">https://github.com/helix-editor/helix</a></li>
</ul>
</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Deprecating the unload event - Chrome for Developers</title>
      <link>https://tldr.rocks/hn-37079357/</link>
      <pubDate>Thu, 19 Oct 2023 22:35:29 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-37079357/</guid>
      <description>Here is a summary of the Hacker News comments in Markdown format:
Positive Sentiment Commenters note that Safari deprecated the unload event a while ago, so this change brings Chrome in line with other browsers.
The beforeunload event is still supported for legitimate use cases like unsaved changes.
Negative Sentiment Some skepticism that developers will follow the advice to only use beforeunload minimally.
Concern that restricting right click menus has become too common.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the Hacker News comments in Markdown format:</p>
<h3 id="positive-sentiment">Positive Sentiment</h3>
<ul>
<li>
<p>Commenters note that Safari deprecated the unload event a while ago, so this change brings Chrome in line with other browsers.</p>
</li>
<li>
<p>The beforeunload event is still supported for legitimate use cases like unsaved changes.</p>
</li>
</ul>
<h3 id="negative-sentiment">Negative Sentiment</h3>
<ul>
<li>
<p>Some skepticism that developers will follow the advice to only use beforeunload minimally.</p>
</li>
<li>
<p>Concern that restricting right click menus has become too common.</p>
</li>
</ul>
<h3 id="recommended-actions">Recommended Actions</h3>
<ul>
<li>
<p>Use beforeunload listeners only when truly needed to avoid hitting performance.</p>
</li>
<li>
<p>Minimize use of beforeunload to help browser performance.</p>
</li>
<li>
<p>Consider impact on user experience before limiting right click menus.</p>
</li>
</ul>
<h3 id="interesting-links">Interesting Links</h3>
<ul>
<li>
<p><a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7">Apple developer doc on unloading</a></p>
</li>
<li>
<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload">MDN on beforeunload</a></p>
</li>
<li>
<p><a href="https://developer.chrome.com/blog/page-lifecycle-api/#events">Chrome Dev on Page Lifecycle API</a></p>
</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Faster Chrome releases (round two!)s</title>
      <link>https://tldr.rocks/hn-faster-chrome-release-round-two/</link>
      <pubDate>Tue, 05 Sep 2023 10:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-faster-chrome-release-round-two/</guid>
      <description>Here is a summary of the key points from the Hacker News post:
Positive Sentiment Google Chrome is working on releasing new versions faster to get bug fixes, security updates, and new features to users quicker. Google wants to improve the release process to be faster. Negative Sentiment Frequent releases increase the burden on developers who maintain Chromium forks, having to keep rebuilding and testing with each new version. Some think the releases have too much bloat and take too long to compile already.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key points from the Hacker News post:</p>
<h2 id="positive-sentiment">Positive Sentiment</h2>
<ul>
<li>Google Chrome is working on releasing new versions faster to get bug fixes, security updates, and new features to users quicker.</li>
<li>Google wants to improve the release process to be faster.</li>
</ul>
<h2 id="negative-sentiment">Negative Sentiment</h2>
<ul>
<li>Frequent releases increase the burden on developers who maintain Chromium forks, having to keep rebuilding and testing with each new version.</li>
<li>Some think the releases have too much bloat and take too long to compile already.</li>
<li>Frequent Chrome updates sometimes break ChromeDriver/WebDriver used for browser automation testing.</li>
</ul>
<h2 id="recommend-actions">Recommend actions</h2>
<ul>
<li>Look for ways to make the Chromium build process faster and reduce unnecessary bloat.</li>
<li>Provide better support for major fork maintainers to stay in sync with new releases.</li>
<li>Increase stability of the ChromeDriver API and reduce breakages between versions.</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Google Chrome Proposal &amp;mdash; Web Environment Integrity on HackerNews</title>
      <link>https://tldr.rocks/hn-web-environment-integrity/</link>
      <pubDate>Thu, 20 Jul 2023 10:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-web-environment-integrity/</guid>
      <description>Here is a summary of the key sentiments and recommendations from the Hacker News post:
Positive Sentiment Some acknowledge the legitimate use case of preventing fraud and bots. A few note that not all devices need full attestation, and it could be limited to high security services like banking. Google does provide good Linux support in Chrome, so they may not intend to block Linux users. Negative Sentiment Majority express concerns about loss of user privacy, freedom and control.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key sentiments and recommendations from the Hacker News post:</p>
<h2 id="positive-sentiment">Positive Sentiment</h2>
<ul>
<li>Some acknowledge the legitimate use case of preventing fraud and bots.</li>
<li>A few note that not all devices need full attestation, and it could be limited to high security services like banking.</li>
<li>Google does provide good Linux support in Chrome, so they may not intend to block Linux users.</li>
</ul>
<h2 id="negative-sentiment">Negative Sentiment</h2>
<ul>
<li>Majority express concerns about loss of user privacy, freedom and control.</li>
<li>Many predict it will block alternative OSes like Linux and custom Android ROMs.</li>
<li>Commenters worry it will kill the open web and force users onto locked down corporate OSes.</li>
<li>Some believe it is mainly intended to block ad blockers.</li>
<li>Multiple comments criticize the power and control of big tech companies behind this.</li>
</ul>
<h2 id="recommend-actions">Recommend Actions</h2>
<ul>
<li>Allow users to opt out or use less strict attestation for normal browsing.</li>
<li>Clarify that Linux/open source OSes will not be blocked from general web access.</li>
<li>Provide transparency on what properties the attestation checks for.</li>
<li>Get feedback from privacy advocacy groups before standardizing.</li>
<li>Consider tying attestation to a separate hardware token instead of full device checks.</li>
</ul>
<h2 id="interesting-links">Interesting links</h2>
<ul>
<li><a href="https://github.com/RupertBenWiser/Web-Environment-Integrity/blob/main/explainer.md">https://github.com/RupertBenWiser/Web-Environment-Integrity/blob/main/explainer.md</a></li>
<li><a href="https://wikipedia.org/wiki/User_agent">https://wikipedia.org/wiki/User_agent</a></li>
<li><a href="https://wikipedia.org/wiki/Widevine">https://wikipedia.org/wiki/Widevine</a></li>
<li><a href="https://blog.cloudflare.com/eliminating-captchas-on-iphones-and-macs-using-new-standard/">https://blog.cloudflare.com/eliminating-captchas-on-iphones-and-macs-using-new-standard/</a></li>
<li><a href="https://source.android.com/docs/compatibility/13/android-13-cdd">https://source.android.com/docs/compatibility/13/android-13-cdd</a></li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Trigonometric Functions in CSS on HackerNews</title>
      <link>https://tldr.rocks/hn-trignometic-functions/</link>
      <pubDate>Fri, 14 Jul 2023 10:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-trignometic-functions/</guid>
      <description>Here is a summary of the key points from the Hacker News post:
Positive Sentiment Appreciation for how far CSS has come over the years in terms of capabilities like trigonometric functions, animations, etc. Praise for the thoughtfulness and attention to detail in the ongoing evolution of CSS. Acknowledgement that CSS syntax itself is well designed. Examples of complex UI effects possible with modern CSS are impressive. Negative Sentiment Concern that CSS has suffered from too much feature creep over the years.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key points from the Hacker News post:</p>
<h4 id="positive-sentiment">Positive Sentiment</h4>
<ul>
<li>Appreciation for how far CSS has come over the years in terms of capabilities like trigonometric functions, animations, etc.</li>
<li>Praise for the thoughtfulness and attention to detail in the ongoing evolution of CSS.</li>
<li>Acknowledgement that CSS syntax itself is well designed.</li>
<li>Examples of complex UI effects possible with modern CSS are impressive.</li>
</ul>
<h4 id="negative-sentiment">Negative Sentiment</h4>
<ul>
<li>Concern that CSS has suffered from too much feature creep over the years.</li>
<li>Frustration that CSS was not designed as a real programming language from the start.</li>
<li>Complaints about lack of browser compatibility and having to support old browsers.</li>
<li>Criticism that CSS does not cleanly separate structure and presentation.</li>
<li>Belief that HTML and CSS are not suited for building complex interactive UIs.</li>
</ul>
<h4 id="recommended-actions">Recommended Actions</h4>
<ul>
<li>Create a &quot;YouCanUseCSS.com&quot; site to clearly document latest CSS features supported across browsers.</li>
<li>Improve documentation and tutorials focused on modern CSS capabilities.</li>
<li>Make browser implementations more consistent.</li>
<li>Continue work on Houdini APIs to open up CSS internals to JavaScript.</li>
<li>Long term, consider ways to evolve CSS fundamentals while maintaining backward compatibility.</li>
</ul>
<p>Here are the most relevant external links from the Hacker News post:</p>
<h2 id="appendix">Appendix</h2>
<p>Note: this section is auto-generated by asking Claude to extract the links and may not be accurate.</p>
<ul>
<li><a href="https://mercurylang.org/">Mercury Lang</a> - Programming language mentioned for CSS layout</li>
<li><a href="https://www.figma.com/blog/building-a-professional-design-tool-on-the-web/">Building a Professional Design Tool on the Web</a> - Figma blog post referenced</li>
<li><a href="https://accodeing.com/blog/2015/css3-proven-to-be-turing-complete">CSS is Turing Complete</a> - Proof that CSS is Turing complete</li>
<li><a href="https://caniuse.com/">Can I Use</a> - Browser compatibility tables referenced</li>
<li><a href="https://www.youtube.com/@anatudor/videos">CSS Effects Tutorials</a> - YouTube channel linked for CSS animation examples</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: New In Chrome 115 on HackerNews</title>
      <link>https://tldr.rocks/hn-new-in-chrome-115/</link>
      <pubDate>Thu, 13 Jul 2023 10:59:03 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-new-in-chrome-115/</guid>
      <description>Here is a summary of the key sentiments and recommendations from the Hacker News post:
Positive Sentiment Some commenters think the Topics API is an improvement over third-party cookies for preserving privacy while still allowing relevant ads. They see it as a pragmatic approach given Google&#39;s business model.
A few commenters appreciate Google&#39;s intent with the new APIs like Fenced Frames and Shared Storage, even if the implementations may have issues.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key sentiments and recommendations from the Hacker News post:</p>
<h4 id="positive-sentiment">Positive Sentiment</h4>
<ul>
<li>
<p>Some commenters think the Topics API is an improvement over third-party cookies for preserving privacy while still allowing relevant ads. They see it as a pragmatic approach given Google's business model.</p>
</li>
<li>
<p>A few commenters appreciate Google's intent with the new APIs like Fenced Frames and Shared Storage, even if the implementations may have issues.</p>
</li>
<li>
<p>There is optimism WebGPU will come to Linux in Chrome soon.</p>
</li>
</ul>
<h4 id="negative-sentiment">Negative Sentiment</h4>
<ul>
<li>
<p>Many commenters see the Topics API as just another form of tracking and are very distrustful of Google's motives with it. They want the ability to fully opt out.</p>
</li>
<li>
<p>Some think Fenced Frames undermine privacy protections like third-party cookie isolation. There is concern advertisers could abuse this.</p>
</li>
<li>
<p>Frustration with certain scroll-based web animations that are seen as annoying rather than enhancing the experience.</p>
</li>
<li>
<p>Dismay that Chrome is adding more proprietary APIs rather than supporting open web standards.</p>
</li>
</ul>
<h4 id="recommendations">Recommendations</h4>
<ul>
<li>
<p>Allow users to fully opt out of tracking like the Topics API if they want to. Make it very clear how to do this.</p>
</li>
<li>
<p>Carefully vet how Fenced Frames could be misused by advertisers and close any loopholes. Err on the side of privacy protection.</p>
</li>
<li>
<p>Consider only introducing scroll animations that genuinely improve UX, not just for flair. Respect user preferences.</p>
</li>
<li>
<p>Try to leverage open standards rather than proprietary APIs where possible. Collaborate with other browser vendors.</p>
</li>
</ul>
<p>We asked the tool to go deeper on the just the privacy-related comments. Here is a summary of the key sentiments and recommendations from that analysis:</p>
<h4 id="positive-sentiment-1">Positive Sentiment</h4>
<ul>
<li>A few commenters think the Topics API could be an improvement if users have transparency and control over the topics.</li>
</ul>
<h4 id="negative-sentiment-1">Negative Sentiment</h4>
<ul>
<li>
<p>Many commenters strongly object to the Topics API as fundamentally violating privacy. They see it as &quot;tracking lite&quot; and want the ability to fully opt out.</p>
</li>
<li>
<p>Concerns that Topics API allows Google to turn the open web into a walled garden where your browsing feeds its advertising machine.</p>
</li>
<li>
<p>Dislike of the Topics API recording browsing activity and insinuating interests without consent. This should be opt-in.</p>
</li>
<li>
<p>Worry the Topics API will exploit those who don't proactively protect privacy with things like ad blockers.</p>
</li>
<li>
<p>Suspicion of Google's motives given conflict of interest between Chrome and advertising business.</p>
</li>
<li>
<p>Belief Google is circumventing other browsers' privacy protections with Topics API.</p>
</li>
<li>
<p>Fenced Frames seen as undoing third-party cookie isolation and giving backdoor to advertisers.</p>
</li>
</ul>
<h4 id="recommendations-1">Recommendations</h4>
<ul>
<li>
<p>Make Topics API opt-in only. Do not enable by default without consent.</p>
</li>
<li>
<p>Allow users to see, edit or disable topics. Full user control is essential.</p>
</li>
<li>
<p>Provide transparency into what topics are chosen and how they are inferred.</p>
</li>
<li>
<p>Give users ability to completely opt out of Topics API tracking if they want.</p>
</li>
<li>
<p>Ensure Fenced Frames include strong protections against advertiser abuse.</p>
</li>
<li>
<p>Prioritize user privacy over advertising business interests.</p>
</li>
<li>
<p>Collaborate with other browsers on privacy-preserving standards.</p>
</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: JavaScript import maps are now supported cross-browser on Hackernews</title>
      <link>https://tldr.rocks/hn-import-files/</link>
      <pubDate>Thu, 13 Jul 2023 10:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-import-files/</guid>
      <description>Here is a summary of the key sentiments and recommendations from the Hacker News comments on the post about JavaScript import maps:
Positive Sentiment Import maps allow skipping the bundling step, which simplifies build pipelines. Some see this as a major win, especially when starting new projects.
Import maps enable loading JavaScript modules natively without shims or build tools. This is seen as an improvement over previous solutions like RequireJS.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key sentiments and recommendations from the Hacker News comments on the post about JavaScript import maps:</p>
<h4 id="positive-sentiment">Positive Sentiment</h4>
<ul>
<li>
<p>Import maps allow skipping the bundling step, which simplifies build pipelines. Some see this as a major win, especially when starting new projects.</p>
</li>
<li>
<p>Import maps enable loading JavaScript modules natively without shims or build tools. This is seen as an improvement over previous solutions like RequireJS.</p>
</li>
<li>
<p>For small projects, import maps provide good developer ergonomics by allowing bare imports without much tooling.</p>
</li>
<li>
<p>Import maps help with code splitting and sharing libraries between different parts of an app. They provide more granular control over caching and updating compared to bundling everything.</p>
</li>
<li>
<p>Rails 7 uses import maps by default, which avoids the need for a separate JS bundler. This simplification is appreciated.</p>
</li>
</ul>
<h4 id="negative-sentiment">Negative Sentiment</h4>
<ul>
<li>
<p>Performance, security, and ergonomics of import maps do not seem as good as bundling in many cases. They require extra steps to match bundling benefits.</p>
</li>
<li>
<p>Import maps feel like a compile-time only feature, contradicting the goal of avoiding toolchains. Manifest generation is still needed.</p>
</li>
<li>
<p>Importing arbitrary URLs feels less secure than using subresource integrity with bundled scripts.</p>
</li>
<li>
<p>More browser features were added to try to improve performance of import maps, but bundling still seems better optimized.</p>
</li>
<li>
<p>The syntax does not feel intuitive and requires constantly looking up how to use it. It adds complexity compared to script tags.</p>
</li>
</ul>
<h4 id="recommendations">Recommendations</h4>
<ul>
<li>
<p>Consider bundling for production use cases, at least optionally, to better optimize performance and security.</p>
</li>
<li>
<p>Provide integrity hashes, bundle versioning, and other security measures when using CDNs and import maps.</p>
</li>
<li>
<p>Improve documentation and guides on how to use import maps idiomatically and avoid common pitfalls.</p>
</li>
<li>
<p>Bundle CSS along with JavaScript when using import maps to avoid extra network requests.</p>
</li>
<li>
<p>Consider alternatives like module federation and single-spa for more complex module loading.</p>
</li>
<li>
<p>polyfill import map support during transitional browser adoption period.</p>
</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Get Started with Web GPU on Hackernews</title>
      <link>https://tldr.rocks/hn-get-started-with-webgpu/</link>
      <pubDate>Thu, 13 Jul 2023 10:58:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-get-started-with-webgpu/</guid>
      <description>Here is a summary of the key points from the Hacker News post:
Positive Sentiment WebGPU provides a common API for accessing GPU capabilities across browsers and platforms. This makes it easier for developers to leverage GPU power in web apps.
WebGPU is based on existing native APIs like Vulkan, Metal, and DirectX 12. This means it can provide low overhead access to GPU features.
WebGPU works well for graphics workloads like games.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key points from the Hacker News post:</p>
<h4 id="positive-sentiment">Positive Sentiment</h4>
<ul>
<li>
<p>WebGPU provides a common API for accessing GPU capabilities across browsers and platforms. This makes it easier for developers to leverage GPU power in web apps.</p>
</li>
<li>
<p>WebGPU is based on existing native APIs like Vulkan, Metal, and DirectX 12. This means it can provide low overhead access to GPU features.</p>
</li>
<li>
<p>WebGPU works well for graphics workloads like games. It has the potential to enable more immersive web experiences.</p>
</li>
<li>
<p>Tools like WebDNN could allow running neural net inference on WebGPU. This expands the capabilities of web apps.</p>
</li>
</ul>
<h4 id="negative-sentiment">Negative Sentiment</h4>
<ul>
<li>
<p>WebGPU is still evolving and has rough edges. The API syntax is not yet finalized.</p>
</li>
<li>
<p>Lack of GPU sandboxing in WebGPU is a security concern. It could allow spying on GPU data from other processes.</p>
</li>
<li>
<p>WebGPU on MacOS is currently buggy and unstable. This hurts adoption.</p>
</li>
<li>
<p>It's unclear if WebGPU will work well for training machine learning models. The focus seems to be on inference.</p>
</li>
</ul>
<h4 id="recommendations">Recommendations</h4>
<ul>
<li>
<p>Prioritize finalizing the API and settling on a stable syntax. This will reassure developers.</p>
</li>
<li>
<p>Add proper GPU sandboxing to prevent spying on cross-process data. This is critical for security.</p>
</li>
<li>
<p>Fix stability issues on MacOS. Focus on delivering a robust implementation there.</p>
</li>
<li>
<p>Expand WebGPU to better support emerging use cases like ML training. This will boost adoption.</p>
</li>
<li>
<p>Learn from past technologies like Java applets. Apply security best practices to avoid similar pitfalls.</p>
</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Interaction to Next Pain (INP) on HackerNews</title>
      <link>https://tldr.rocks/hn-inp/</link>
      <pubDate>Tue, 11 Jul 2023 18:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-inp/</guid>
      <description>Here is a summary of the key points from the Hacker News post:
Positive Sentiment Google&#39;s efforts to improve web performance are appreciated. INP could help incentivize better practices. Client-side rendering can make interactions feel faster compared to full page reloads. Fast initial response times after clicks are good for usability. Negative Sentiment INP may encourage premature loaders before requests start. This could be misleading. Google&#39;s own scripts like Analytics are problematically heavy and hurt scores.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Here is a summary of the key points from the Hacker News post:</p>
<h2 id="positive-sentiment">Positive Sentiment</h2>
<ul>
<li>Google's efforts to improve web performance are appreciated. INP could help incentivize better practices.</li>
<li>Client-side rendering can make interactions feel faster compared to full page reloads.</li>
<li>Fast initial response times after clicks are good for usability.</li>
</ul>
<h2 id="negative-sentiment">Negative Sentiment</h2>
<ul>
<li>INP may encourage premature loaders before requests start. This could be misleading.</li>
<li>Google's own scripts like Analytics are problematically heavy and hurt scores.</li>
<li>The metrics may be too strict for many sites to reach. Standards feel dictated by Google.</li>
<li>Small sites suffer from issues on a few pages affecting all pages.</li>
</ul>
<h2 id="recommended-actions">Recommended Actions</h2>
<ul>
<li>Provide more guidance and tools to help developers understand and address INP issues.</li>
<li>Optimize heavy Google scripts like Analytics to have less performance impact.</li>
<li>Consider adjustments to INP grading thresholds based on real world data.</li>
<li>Look into tweaking how site-wide scores are calculated from sample pages.</li>
</ul>
<h2 id="interesting-links">Interesting Links</h2>
<ul>
<li><a href="https://web.dev/debug-performance-in-the-field/#inp">Debug Web Vitals</a></li>
<li><a href="https://web.dev/vitals/">Web Vitals Metrics</a></li>
<li><a href="https://www.searchenginejournal.com/google-on-how-it-handles-sites-with-too-many-ads/390751/">Google on Ad Density</a></li>
<li><a href="http://danluu.com/input-lag/">Input Lag Article</a></li>
<li><a href="https://webmasters.googleblog.com/2021/04/more-details-page-experience.html">Google Page Experience Update</a></li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Web Apps on macOS Sonoma 14 Beta on HackerNews</title>
      <link>https://tldr.rocks/hn-safari-web-apps/</link>
      <pubDate>Wed, 07 Jun 2023 13:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-safari-web-apps/</guid>
      <description>ChatGPT The comments on the Hacker News post about web apps on macOS Sonoma 14 Beta are generally mixed. Some users express excitement about the development, while others voice concerns about potential abuse and the nature of web notifications.
Positive Sentiment One user named &amp;quot;jessmartin&amp;quot; expressed great excitement about Safari Progressive Web Apps (PWAs) on macOS, calling it &amp;quot;a very good start.&amp;quot; They appreciated the fact that credentials in cookies are copied over, links are handled in-app or in the default browser based on their origin, and that web apps run independently of Safari.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><h1 id="chatgpt">ChatGPT</h1>
<p>The comments on the Hacker News post about web apps on macOS Sonoma 14 Beta are generally mixed. Some users express excitement about the development, while others voice concerns about potential abuse and the nature of web notifications.</p>
<h4 id="positive-sentiment">Positive Sentiment</h4>
<p>One user named &quot;jessmartin&quot; expressed great excitement about Safari Progressive Web Apps (PWAs) on macOS, calling it &quot;a very good start.&quot; They appreciated the fact that credentials in cookies are copied over, links are handled in-app or in the default browser based on their origin, and that web apps run independently of Safari. However, they also mentioned that the FileSystem API is not supported yet, nor are drag-and-drop or LaunchHandler. They believe these features could greatly improve local-first apps​1​.</p>
<p>A user named &quot;kitsunesoba&quot; also showed enthusiasm for the separation of Safari and Web App processes, stating that it's &quot;irritating for Chrome itself to fire up when I launch an installed PWA.&quot; They were glad that Apple chose to take a different approach with this​1​.</p>
<h4 id="negative-sentiment-and-concerns">Negative Sentiment and Concerns</h4>
<p>On the other hand, a user named &quot;jmull&quot; strongly disagreed with the idea of letting web apps programmatically trigger the Add to Dock flow. They argued that this would create new ways for websites to annoy users. They did, however, acknowledge that the rest of the article was filled with good ideas​1​.</p>
<p>This sentiment was echoed by &quot;kemayo&quot; who expressed dissatisfaction with &quot;let me send you desktop notifications!&quot; pop-ups​1​.</p>
<p>&quot;BackBlast&quot; suggested that Safari should offer a &quot;don't badger me&quot; option to shut down all page-based prompts and requests. They argued that the feature in question isn't widely abused and that it provides a better user experience than having to navigate obscure menu methods​1​.</p>
<p>A few users discussed how to turn off notification pop-ups in Safari, but also noted that many websites send a JavaScript-based notification which can't be blocked before prompting you for the system one​1​.</p>
<p>&quot;dev_tty01&quot; and &quot;kitsunesoba&quot; criticized websites for attempting to send notifications the first time a user visits. They believe this practice is annoying and likely designed to exploit users who quickly click through prompts​1​.</p>
<p>&quot;etchalon&quot; was against web push notifications as a feature because they believed it would lead to countless push notification pop-ups on the web. They criticized developers who don't consider that features they wouldn't abuse could be misused by others​1​.</p>
<p>&quot;jonhohle&quot; expressed a hope that certain features, such as FileSystem API and LaunchHandler, would not be supported as they fear this would lead to developers building inferior web apps instead of native ones. They argue that these features should be for process isolation for tools that are open all the time and do not have native alternatives​1​.</p>
<h4 id="summary">Summary</h4>
<p>Overall, the discussion on the post was nuanced, with users expressing both excitement and concern about the new developments in web apps on macOS Sonoma 14 Beta. The main points of contention revolved around the potential for abuse of new features, the intrusive nature of web notifications, and the trade-off between the convenience of web apps and the quality of native apps.</p>
<h1 id="claude">Claude</h1>
<p>Here is a summary of the discussion:</p>
<p>Some users are excited about the potential of Safari web apps on macOS, seeing it as a step forward for progressive web apps and a possible alternative to Electron apps.</p>
<p>Key benefits highlighted include:</p>
<ul>
<li>Process isolation: Web apps run in a separate process, so Safari and web apps can run independently</li>
<li>Cookies are shared, so users remain logged in</li>
<li>Cross-origin links open in the default browser instead of the web app
P+ otential performance gains vs. Electron apps</li>
</ul>
<p>However, some limitations were also noted:</p>
<ul>
<li>Lack of file system access and other system APIs</li>
<li>Inability to run extensions</li>
<li>No tab support within web apps (yet)</li>
<li>Potential overuse of long, slow animations and transitions</li>
</ul>
<p>There was debate about whether banners prompting users to install web apps are a good idea, with most agreeing they are annoying and should be avoided.</p>
<p>Some questioned Apple's motives, arguing the support for web apps may be strategically timed to coincide with their visionOS ambitions. Others pointed out that Apple is simply catching up to capabilities that have existed in Chrome and Edge for years.</p>
<p>Overall, the consensus seems to be that these initial Safari web app capabilities represent a step in the right direction, but more support for system APIs, extensions, and features like tabs will be needed for web apps to truly replace Electron apps on macOS.</p>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: SPA view transitions land in Chrome 111 on Hacker News</title>
      <link>https://tldr.rocks/hn-view-transition/</link>
      <pubDate>Tue, 06 Jun 2023 16:58:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-view-transition/</guid>
      <description>The post appears to be a discussion about transitions between two Document Object Model (DOM) states. The main sentiment appears to be mixed, with several themes emerging:
Explanation and Clarification: Some users seek to clarify the functionality of the new feature, explaining that it allows for transitions between two DOM states without needing to keep something in the DOM during an animation. There&#39;s also a discussion about whether or not this approach is typical of native platform view transitions, with some disagreement over its implementation in iOS and MacOS.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>The post appears to be a discussion about transitions between two Document Object Model (DOM) states. The main sentiment appears to be mixed, with several themes emerging:</p>
<ul>
<li>Explanation and Clarification: Some users seek to clarify the functionality of the new feature, explaining that it allows for transitions between two DOM states without needing to keep something in the DOM during an animation. There's also a discussion about whether or not this approach is typical of native platform view transitions, with some disagreement over its implementation in iOS and MacOS.</li>
<li>Comparisons to Existing Technologies: Some users compared this feature to existing technologies like WPF and HTML/CSS, with varying opinions on the relative merits and demerits of each. One user also drew a comparison to PowerPoint page transitions supported by IE5.</li>
<li>Potential Applications and Limitations: Users expressed curiosity about potential applications of this feature, with one user speculating about whether this feature might still be relevant by the time it becomes stable enough to use.</li>
<li>User Experience with Transitions: The discussion also touched on user experiences with transitions, leading to a debate about the merits of animations and transitions in user interfaces. Some users felt that heavy usage of transitions can lead to dizziness​1​, while others disagreed, arguing that when implemented well, transitions can make navigation more intuitive. Some users also expressed frustration with how transitions can slow things down, especially for power users.</li>
<li>Potential Solutions and Workarounds: Some users offered potential solutions to mitigate the effects of transitions, such as adjusting accessibility settings.</li>
<li>Given the technical nature of the post, the sentiment often aligns with individuals' experiences, preferences, and understanding of the technology. While some are excited about the possibilities, others are more skeptical, offering criticisms based on their experiences or understanding of user interface design and user experience.</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Richer Install UI in Chrome on Hacker News</title>
      <link>https://tldr.rocks/hn-richer-install/</link>
      <pubDate>Tue, 06 Jun 2023 15:58:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-richer-install/</guid>
      <description>Based on the Hacker News thread you provided, here is a summary of the discussion surrounding the new installation pop-up for Progressive Web Apps (PWAs) on Chrome:
The distinction between a Chrome app and a webpage is very minimal, leading to questions about the value of this new feature. Some users wonder why there&#39;s a need for a screenshot of the app/webpage already in use Some users suggest this pop-up could be useful for non-technical users, and for avoiding the use of Electron.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Based on the Hacker News thread you provided, here is a summary of the discussion surrounding the new installation pop-up for Progressive Web Apps (PWAs) on Chrome:</p>
<ul>
<li>The distinction between a Chrome app and a webpage is very minimal, leading to questions about the value of this new feature. Some users wonder why there's a need for a screenshot of the app/webpage already in use</li>
<li>Some users suggest this pop-up could be useful for non-technical users, and for avoiding the use of Electron. Electron is a framework used to create desktop apps using web technologies, but each Electron app is essentially a Chrome browser. By using Chrome as the base for these apps, there would be no need for multiple copies of Electron on a system, saving resources. However, some counter-arguments mention that Electron has certain platform hooks that Chrome doesn't currently support</li>
<li>The screenshot of the app is seen as useful by some because it doesn't include elements such as newsletter sign-up modals, cookie banners, or ads that might be present on the actual webpage</li>
<li>There is a discussion about the potential goal of Google to have the browser become an app store for &quot;webapp desktop apps.&quot; However, some users argue that most people might not want to &quot;install&quot; web apps on their desktops</li>
<li>There are differing opinions on the usability and utility of web apps versus native apps. Some users prefer the functionality and user experience of web apps and dislike the idea of PWAs emulating native apps. They argue that PWAs sometimes sacrifice basic web capabilities in an attempt to mimic native apps. Others, however, enjoy the cleaner UI that comes with removing the browser chrome and appreciate the opportunity to use operating system window/app management functions</li>
<li>There is a discussion about the accessibility and discoverability of the installation process for PWAs. Some users argue that it is currently too difficult to find the install button for these apps. They suggest that if Chrome wants this feature to succeed, they need to make the UI more accessible</li>
<li>A point was made that IT departments might be interested in this feature as it could enable them to create an internal app store for installing web apps, indicating that this feature might be useful for device managers, not just end users</li>
<li>There was some confusion about Chrome deprecating &quot;apps&quot; in 2020, but it was clarified that Chrome Apps and PWAs are different. Chrome Apps were a proprietary Chrome-specific type of Chrome Extension, while PWAs are based on open web standards and have support in multiple browsers. Chrome Apps were effectively obsoleted by PWAs</li>
</ul>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: How Photoshop Solved Working with Files Larger than Can Fit into Memory</title>
      <link>https://tldr.rocks/hn-photoshop-file/</link>
      <pubDate>Tue, 06 Jun 2023 13:59:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-photoshop-file/</guid>
      <description>The discussion on Hacker News revolves around the implementation of memory management in Photoshop, especially when dealing with large files. The article in question is not accessible, but we can piece together some insights from the comments.
One contributor states that Adobe has been solving this problem for a long time by using the filesystem smartly. For web applications, Chrome provides a filesystem for them to use, allowing them to use the same essential solution that the native app would use</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>The discussion on Hacker News revolves around the implementation of memory management in Photoshop, especially when dealing with large files. The article in question is not accessible, but we can piece together some insights from the comments.</p>
<p>One contributor states that Adobe has been solving this problem for a long time by using the filesystem smartly. For web applications, Chrome provides a filesystem for them to use, allowing them to use the same essential solution that the native app would use</p>
<p>The implementation of such filesystems helps prevent web pages from crashing A bit of humor is interjected in the discussion, with a comment about creating a GUI using Visual Basic to track a problematic IP</p>
<p>The concept of application-based virtual memory has been around since the 1970s, with mainframes using the Customer Information Control System (CICS) A term that comes up in the discussion is &quot;scratch files&quot;, files where data can be written to and read from as needed, which is crucial in Photoshop's memory management It's suggested that keeping these scratch files on a separate disk can enhance performance</p>
<p>In the past, some individuals used a ram disk as a scratch disk, using a portion of the computer's RAM to store temporary data quickly This practice was more common during the late 80s and early 90s, as it was one of the few ways to run large videos without stuttering due to slow hard drives At a time when the Operating System (OS) couldn't directly use all the RAM that hardware had, using a ram disk or a swap file was a common practice If the OS can't see the RAM, then the OS-provided ramdisk can't use it either</p>
<p>The lack of an mmap equivalent for Input/Output (I/O) operations in the browser is considered unfortunate, as it prevents demand paging or similar functionalities</p>
<p>The discussion also mentions Figma, an app similar to Photoshop, where memory management has surely changed over time It raises the question of why Figma limits files to 2GB, even for paid users</p>
<p>As an alternative to Photoshop, Photopea, a one-man show, is suggested. It's a free Photoshop alternative that receives praise from daily users, and the developer is appreciated for his past interactions with the community</p>
]]></content:encoded>
    </item>
    
    <item>
      <title>Report: Discussion on the New Popover API on Hacker News</title>
      <link>https://tldr.rocks/hn-popup/</link>
      <pubDate>Tue, 06 Jun 2023 13:58:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/hn-popup/</guid>
      <description>The discussion on the new Popover API introduced by Chrome revolves around various aspects, including functionality, usability, and the impact on the user experience.
Introduction of the Popover API: The new Popover API is seen by some as a reinvention of native popups, which were successfully blocked a decade and a half ago. There&#39;s a concern that new blockers will need to be developed to handle these popovers, which could potentially be used for intrusive advertising or annoying prompts like &amp;quot;subscribe to my newsletter&amp;quot; or &amp;quot;5% off now&amp;quot; popovers Blocking the Popovers: Some participants argue that the new Popover API could actually make blocking easier.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>The discussion on the new Popover API introduced by Chrome revolves around various aspects, including functionality, usability, and the impact on the user experience.</p>
<ol>
<li>Introduction of the Popover API: The new Popover API is seen by some as a reinvention of native popups, which were successfully blocked a decade and a half ago. There's a concern that new blockers will need to be developed to handle these popovers, which could potentially be used for intrusive advertising or annoying prompts like &quot;subscribe to my newsletter&quot; or &quot;5% off now&quot; popovers</li>
<li>Blocking the Popovers: Some participants argue that the new Popover API could actually make blocking easier. For instance, a uBlock Origin rule could be used to block any HTML element with a 'popover' attribute, which is clearly indicated in the markup. Therefore, instead of figuring out a specific way to block a popover on a site, it can be done per-site or everywhere. It's also suggested that because of how easy they are to block, ad displayers may avoid using them</li>
<li>Differences from Popups: The Popover API is not the same as the old popup windows. For example, clicking on the main window did not close a popup window, but instead backgrounded it. The new popup implementation is akin to what is possible with CSS. However, browsers can now sensibly position these to flow away from the edge of the screen when the containing element is at the edge of the viewport, something that previously required JavaScript</li>
<li>Potential Impact on Modals: The new Popover API could potentially replace the libraries used to create modals, reducing their complexity. However, there is a fear that people will start blocking all 'popover' elements, which could spoil this for everyone. While modals are often necessary for accessibility in certain contexts, like filling out a form, they're not always the best experience for screen reader users. A full page that only contains the form could be a better alternative</li>
<li>Compatibility and Mainstream Acceptance: The Popover API is currently Chrome-only, which means that it won't become mainstream unless other browsers, like Safari, implement it. However, Safari has included it in its Technology Preview</li>
<li>User Experience: The Popover API could solve common issues like popups being dismissed when text is selected with the mouse, and the pointer strays slightly outside the popup before the mouse button is released. However, it could also complicate things for certain demographics, like the elderly, who may struggle with navigating between tabs and using the back button</li>
<li>User Control and Personalization: The Popover API could allow user-extensions to modify the user experience at the user's pleasure, like sending toast messages to some other side channel, or hiding them altogether. However, the use of modals, which the Popover API could replace, is viewed by some as a sign of weakness, simplifying complex situations to make UI design easier, but not necessarily better</li>
</ol>
]]></content:encoded>
    </item>
    
    <item>
      <title>Why?</title>
      <link>https://tldr.rocks/why/</link>
      <pubDate>Tue, 06 Jun 2023 12:01:02 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/why/</guid>
      <description>Part of my job is to understand the conversations that are happenging in the web development industry and synthesise the sentiment so that the teams in the company I work at can get a quick.
It can take a long time to parse the comment threads and form an opinion about how the discussion went. It turns out that there are tools that can parse the content of page and quickly synthesise the main points of discussion.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Part of my job is to understand the conversations that are happenging in the web
development industry and synthesise the sentiment so that the teams in the company
I work at can get a quick.</p>
<p>It can take a long time to parse the comment threads and form an opinion about how
the discussion went. It turns out that there are tools that can parse the content of
page and quickly synthesise the main points of discussion.</p>
<p>This site is the output of that work so that it if you don't have the time to read it
all then you can get the gist of what happened.</p>
]]></content:encoded>
    </item>
    
    <item>
      <title>What?</title>
      <link>https://tldr.rocks/what/</link>
      <pubDate>Tue, 06 Jun 2023 12:01:01 +0000</pubDate>
      <author>paul.kinlan@gmail.com (Paul Kinlan)</author>
      <guid>https://tldr.rocks/what/</guid>
      <description>Welcome to TL;DR Rocks!
This is a simple site that has a summary of the conversations on social sites like hackernews.
The summary is autogenerated via Machine Learning model and then tweaked after to provide a human crafted narrative on top of it.
Currently the best responses are generated by Claude.ai. The prompt used is as follows:
[Insert a copy of all the comments from the Hacker News post here] Summarize this Hacker News post.</description>
      <content:encoded><![CDATA[ Note: This is an auto generated summary of the discussion on <a href="{{ .Page.Params.source }}">HackerNews</a> about the <a href="{{ .Page.Params.about }}">following article</a>. The article was summarized using {{title .Page.Params.generator}} and the results may contain inaccuracies and even falsehoods. <h2>Report</h2><p>Welcome to TL;DR Rocks!</p>
<p>This is a simple site that has a summary of the conversations on social sites like hackernews.</p>
<p>The summary is autogenerated via Machine Learning model and then tweaked after to provide a human crafted narrative on top of it.</p>
<p>Currently the best responses are generated by <a href="https://claude.ai">Claude.ai</a>. The prompt used is as follows:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>[Insert a copy of all the comments from the Hacker News post here]
</span></span><span style="display:flex;"><span>Summarize this Hacker News post.
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>The output should be in Markdown and have three sections: Positive Sentiment; Negative Sentiment; Recommend actions to address the feedback.
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>Extract up to 5 of the most relevant links to external content that are in the text and add them to an &#34;Interesting links&#34; section. Do not include malformed URLs.
</span></span></code></pre></div><p>Learn about <a href="/why">why</a> I built this.</p>
]]></content:encoded>
    </item>
    
  </channel>
</rss>