Best of HTML — July 2025

  1. 1
    Article
    Avatar of hnHacker News·42w

    Make any website load faster with 6 lines of HTML

    Chrome's Speculation Rules API enables near-instant page navigation by preloading and prerendering pages with just a few lines of HTML. The API supports prefetch (downloads HTML only) and prerender (fully renders pages in background) with configurable eagerness levels. While only supported in Chrome 121+, fallback JavaScript can provide similar functionality for Firefox and Safari using traditional prefetch/preload techniques with hover detection.

  2. 2
    Article
    Avatar of devtoDEV·47w

    Drawing a Koala with HTML and CSS

    A developer creates a koala drawing using only HTML and CSS, demonstrating advanced CSS techniques like gradients, shadows, positioning, pseudo-elements, masks, and clip-path. The project showcases creative use of CSS properties to achieve a 3D clay-like appearance, with the complete coding process recorded and shared on YouTube.

  3. 3
    Video
    Avatar of thecodingslothThe Coding Sloth·46w

    UI Components Every Programmer Should Know (Probably)

    A comprehensive guide covering essential UI components that developers encounter daily but may not know the proper names for. Explains components like hero sections, navigation bars, breadcrumbs, skeleton screens, modals, dropdowns, tooltips, and more. Each component includes its purpose, common use cases, mobile considerations, and the often quirky origins of their names. Emphasizes the importance of knowing proper terminology for effective communication with designers and other developers.

  4. 4
    Video
    Avatar of codinginpublicCoding in Public·47w

    Modern JavaScript TODO app

    A comprehensive tutorial for building a todo application using vanilla HTML, CSS, and JavaScript. Covers CRUD operations, local storage for data persistence, modern CSS features like custom properties and nesting, accessibility best practices including ARIA labels and screen reader support, custom events for UI rendering, and creating styled custom checkboxes. The tutorial emphasizes separation of concerns between data management and UI rendering while maintaining semantic HTML structure.

  5. 5
    Video
    Avatar of codeheadCodeHead·44w

    How To REALLY Get Into Web Development

    Web development can feel overwhelming with countless tutorials and frameworks, but success comes from mastering the fundamentals first. Start with HTML, CSS, and JavaScript basics by building simple projects like calculators and to-do lists. Once comfortable, learn one modern framework like React, then focus on deploying projects online. Avoid tutorial hell by building your own projects, don't compare yourself to experienced developers, and resist chasing every new tool. Consistency in practice matters more than perfection, and everyone starts confused - the key is building bad things and gradually improving them.

See all HTML archives