Best of HTMLApril 2026

  1. 1
    Article
    Avatar of devstogetherstrongDevs Together Strong·6w

    Four Lines in <head> Changed My Site Speed

    Adding four HTML resource hint directives — preload, prefetch, and preconnect — to the <head> element can reduce Largest Contentful Paint (LCP) by around 600ms. These <link> attributes give the browser early context about critical resources, improving page load performance with minimal code changes.

  2. 2
    Video
    Avatar of kevinpowellKevin Powell·7w

    I'm a CSS noob

    A developer shares a critical YouTube comment calling them a 'CSS noob' for allegedly promoting bad practices and obfuscating code. The post reflects on receiving negative feedback about CSS advice shared publicly.

  3. 3
    Article
    Avatar of lobstersLobsters·7w

    devins.page/dev.css

    dev.css is a tiny (~5.5kb minified) classless CSS framework inspired by new.css that makes plain HTML files look modern and responsive without any class names. It supports semantic HTML elements including header, main, aside (sidebar), and footer. The framework offers optional addons (sticky header, one-line header, scroll-to-top button, responsive sidebar) and themes including Catppuccin and terminal styles. It can be installed via CDN link or npm package and is best suited for simple blogs, personal sites, link pages, or HTML prototyping.

  4. 4
    Article
    Avatar of hackadayHackaday·7w

    Making The Case Against Markdown

    A critique of Markdown as a document formatting tool, arguing that despite its appeal as a simple syntax, its implementation is deeply flawed. Key issues include the complexity of parsing Markdown (making it vulnerable to ReDoS attacks), the need to bundle an HTML parser for inline HTML compliance, XSS-related CVEs, and the proliferation of incompatible dialects like GitHub-Flavored Markdown. The core argument is that Markdown fails to commit to being either a simple text formatter or a proper document language, leaving it awkwardly straddling both worlds.

  5. 5
    Article
    Avatar of frontendmastersFrontend Masters·4w

    Auto `sizes` on Images – Frontend Masters Blog

    The `sizes` attribute on HTML images is difficult to write and maintain by hand. The post advocates for using the `auto` sizes feature as the practical solution for responsive images.

  6. 6
    Article
    Avatar of frontendmastersFrontend Masters·5w

    The Incredible Overcomplexity of the Shadcn Radio Button – Frontend Masters Blog

    A critique of shadcn's radio button component, which expands a single HTML input element into 45 lines of code with three imports, built on top of the 215-line, 7-import-heavy RadixUI primitive. The analysis finds no accessibility improvements and no easier styling compared to the native HTML element, raising questions about the value of such abstraction layers.