HTML Reference

Dev tools

html reference

SHOW HN2017

728points
93comments
#9of 2,242 in 2017
Top 1%of 2017 by points

How HN took it

RoastedHalf or more of the comments are critical

6 positive, 15 neutral or asking, 2 mixed, 31 critical, out of 54 comments about the project. Thread score -0.43.

Docs: 2 for, 12 againstDesign: 4 for, 3 againstExecution: 0 for, 7 againstIdea: 0 for, 5 againstPricing: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Clean, easy-to-scan layout

    From 4 comments
    • That's really well laid out. Less detail than MDN, but that site can be overkill. Two small pieces of feedback. HTTPS support would be good. Also, when I scroll the list of…
      edent on HN
    • from a UX perspective i really like this. like the way it's laid out and presented - found it easy to scan. I know a lot of people big up MDN vs W3Schools and all their arguments…
      mouzogu on HN
    • The design is really cute! I appreciate that the website works well even with all scripts blocked.
      projektir on HN
    • This is the cleanest HTML5 reference site I've seen. I like that it has links back to MDN as well. Is it design completely custom or did you use a template or theme? I'm really…
      0x1d on HN
  • Useful quick reference with links to MDN

    From 2 comments
    • This is the cleanest HTML5 reference site I've seen. I like that it has links back to MDN as well. Is it design completely custom or did you use a template or theme? I'm really…
      0x1d on HN
    • I think a nice feature would be if the description pages linked to the relevant MDN page - for when you want more extensive information about an element. Otherwise, I love this…
      jgorn on HN

Objections

  • Some element descriptions and defaults are wrong or incomplete

    From 5 comments
    • The canvas page [1] has incorrect defaults listed for the width. It states that the default is 100 but it is actually 300 [2]. 1. http://htmlreference.io/element/canvas/ 2.…
      etimberg on HN
    • The <address> example is wrong. <address> defines contact information, but it's not appropriate for all postal and e-mail addresses. http://html5doctor.com/the-address-element/
      alexgrcs on HN
    • You've got the description for the "ins" element the same as for the (admittedly related) "del" element.
      shdon on HN
    • I wouldn't say hgroup is experimental. It was on the standards track and now it's being deprecated.
      tenaciousDaniel on HN
    • https://developer.mozilla.org/en-US/docs/Web/HTML/Element Same thing but guaranteed to be up to date and (more) complete. For example, htmlreference.io's page for <input> doesn't…
      shpx on HN
  • Filter checkboxes behave unintuitively and show wrong results

    From 3 comments
    • The checkbox filters at the top are somewhat un-intuitive. For example, If I uncheck everything but experimental, I want to see all experimental... but what I get is all…
      codingdave on HN
    • The filter checkboxes are a bit weird, for example elements (such as br and img) which are both self-closing and inline only show up if both self-closing and inline are selected,…
      HNaTTY on HN
    • Nice, but seems to be something wrong with the tagging. I unchecked all tags except `experimental` and I ended up with seven results, only one of which is actually experimental,…
      ahstro on HN
  • No compatibility information, risky for authors

    From 1 comment
    • Without compatibility information this is more dangerous than useful. For example, a naive HTML author would use the semantic tags, only to fail in most browsers. There is…
      javajosh on HN
  • Unclear how content is maintained and could diverge from specs

    From 1 comment
    • How is this updated (manually or automatically from official specs)? Call me paranoid, but I see this diverging from actual specs, then people googling for "html reference"…
      blauditore on HN

Requests

  • Link to MDN or spec pages from element descriptions

    From 3 comments
    • I think a nice feature would be if the description pages linked to the relevant MDN page - for when you want more extensive information about an element. Otherwise, I love this…
      jgorn on HN
    • It's missing the links to context & to the spec, which was the killer feature of the old WDG HTML Reference[0]. [0]: http://www.htmlhelp.com/reference/html40/alist.html
      falsedan on HN
    • Good stuff. Would be even nicer if it showed information about optionally self-closing tags, which is one of the main reasons I occasionally need to look at the spec. For…
      jean- on HN
  • Offline support

    From 1 comment
    • This is really great. It would be even greater if it could be used offline. Instead of hitting the server every time I choose one of the elements to view.
      xamuel on HN
  • HTTPS support

    From 1 comment
    • That's really well laid out. Less detail than MDN, but that site can be overkill. Two small pieces of feedback. HTTPS support would be good. Also, when I scroll the list of…
      edent on HN
  • Link related elements to each other

    From 1 comment
    • Really cool. One feature request. when a description of a tag refers to another tag, then those tags should be links. For example the description for <li> is: ``` Defines a list…
      dagw on HN

Questions

  • How is the content updated, manually or from specs?

    From 1 comment
    • How is this updated (manually or automatically from official specs)? Call me paranoid, but I see this diverging from actual specs, then people googling for "html reference"…
      blauditore on HN

Alternatives named

  • MDN

    From 1 comment
    • https://developer.mozilla.org/en-US/docs/Web/HTML/Element Same thing but guaranteed to be up to date and (more) complete. For example, htmlreference.io's page for <input> doesn't…
      shpx on HN
  • W3Schools

    From 1 comment
    • How is this updated (manually or automatically from official specs)? Call me paranoid, but I see this diverging from actual specs, then people googling for "html reference"…
      blauditore on HN
  • DevDocs

    From 1 comment
    • A more general/comprehensive API documentation tool (which can be also used offline) is DevDocs[1] [1] http://devdocs.io
      darekkay on HN
  • cssreference.io

    From 1 comment
    • If you like this, you'll lOoOoOoOve this: http://cssreference.io/
      criswell on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/13642662)