Best of HTML — August 2025

1. 1
   Article

   Acko.net·42w

   HTML is Dead, Long Live HTML

   The DOM has become bloated with over 350 properties per node and 660 CSS properties, making it unsuitable for modern web applications. CSS's inside-out layout model creates complexity, while features like flexbox require speculative layout passes that can cause performance issues. The author argues for rethinking web UI from first principles, proposing simpler layout models that separate concerns and provide better primitives for building applications. Current proposals like HTML-in-Canvas are insufficient because they don't address the fundamental architectural problems of the web platform.

   130

   10
2. 2
   Article

   Hacker News·38w

   You no longer need JavaScript

   Modern CSS has evolved significantly with features like nesting, relative colors, container queries, and improved viewport units, making it possible to build interactive web experiences without JavaScript. The post demonstrates practical examples including theming, form validation, animations, and responsive design using only HTML and CSS, while highlighting performance benefits and accessibility advantages of CSS-only solutions.

   58

   17
3. 3
   Article

   Sara Soueidan·40w

   CSS-only scrollspy effect using scroll-marker-group and :target-current

   CSS now offers a JavaScript-free way to create scrollspy effects using the scroll-target-group property and :target-current pseudo-selector. By applying scroll-target-group: auto to a container of anchor links, browsers automatically highlight the active link as users scroll through content sections. However, current implementations lack proper accessibility support, as Chrome doesn't automatically add aria-current attributes to active links, creating WCAG compliance issues that still require JavaScript solutions.

   45

   1
4. 4
   Article

   Awesome Java Newsletter·41w

   How to Use innerHTML, innerText, and textContent Correctly in JavaScript

   Explains the differences between three JavaScript DOM properties: innerHTML returns full HTML content with tags, innerText returns only visible styled text respecting CSS rules, and textContent returns all text content regardless of CSS visibility. Each property serves different use cases in DOM manipulation.

   30

   1
5. 5
   Article

   Hacker News·42w

   WICG/html-in-canvas

   A new web API proposal introduces methods to render HTML content directly into Canvas 2D and WebGL contexts. The proposal includes layoutsubtree attribute for canvas elements, drawElement() for 2D rendering, texElement2D() for WebGL textures, and setHitTestRegions() for interactive elements. This addresses current limitations in canvas-based content regarding accessibility, internationalization, and complex text layouts. The API enables use cases like styled chart components, rich content in creative tools, HTML rendering in 3D contexts, and composing HTML with WebGL shaders.

   15

   1
6. 6
   Video

   Kevin Powell·40w

   Make this fun effect that follows your cursor (pure CSS)

   12

   1
7. 7
   Article

   Lobsters·42w

   Why Semantic HTML Still Matters

   Semantic HTML provides crucial structure that modern web development often overlooks in favor of component-based approaches and utility classes. Proper HTML semantics improve performance by reducing DOM complexity, enable better accessibility for assistive technologies, help search engines and AI agents understand content, and create more resilient applications. The shift toward meaningless div soup and utility-heavy markup creates performance bottlenecks through layout thrashing, increased rendering costs, and bloated stylesheets. Semantic elements like article, nav, and section provide natural boundaries that browsers can optimize, while also serving as a foundation for modern CSS features like containment and content-visibility.

   11

   7