Write HTML Right

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SingleFile

    Web Extension for saving a faithful copy of a complete web page in a single HTML file

    Example "issue" (feature) from the tracker: https://github.com/gildas-lormeau/SingleFile/issues/967

    (Also: a huge thank you for creating SingleFile. One of my favourite extensions of all time.)

  • html-minifier-terser

    actively maintained fork of html-minifier - minify HTML, CSS and JS code using terser - supports ES6 code

    I've been using https://github.com/terser/html-minifier-terser to get this kind of HTML for my personal site for a while. It passes W3C so I'm happy.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • commonmark-spec

    CommonMark spec, with reference implementations in C and JavaScript

    That is an interesting development.

    From their Github page I read: "The spec contains over 500 embedded examples which serve as conformance tests."

    So it's not so simple any more, is it?

    (https://github.com/commonmark/commonmark-spec)

  • Jade

    Pug – robust, elegant, feature rich template engine for Node.js

    HTML can't be fixed with a small trick like that.

    Just use templating engine like Pug and get away with most of the annoyances.

    It's concise about what part of the text is covered by a certain tag due to forced indentation and you never write "class=" but are all turned into CSS selector notation and many other tricks.

    https://github.com/pugjs/pug#syntax

    Unless the HTML I'm composing will be touched by people like designers who would get scared of new syntax, in which case I'll use Twig or Nunjucks, I'll never write plain HTML for myself.

    There's also a very solid implementation in PHP as well.

    https://github.com/pug-php/pug

  • pug

    Pug template engine for PHP (by pug-php)

    HTML can't be fixed with a small trick like that.

    Just use templating engine like Pug and get away with most of the annoyances.

    It's concise about what part of the text is covered by a certain tag due to forced indentation and you never write "class=" but are all turned into CSS selector notation and many other tricks.

    https://github.com/pugjs/pug#syntax

    Unless the HTML I'm composing will be touched by people like designers who would get scared of new syntax, in which case I'll use Twig or Nunjucks, I'll never write plain HTML for myself.

    There's also a very solid implementation in PHP as well.

    https://github.com/pug-php/pug

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts