[{"data":1,"prerenderedAt":528},["ShallowReactive",2],{"project-13642662":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":47,"post_text":48,"what":49,"said":83,"maker_in_thread":221,"shape":223,"grid":228,"attempts":486,"same_week":491,"maker_shows":329,"maker_hidden":520,"reader_version":521,"card":522},"13642662","HTML Reference","A guide to all HTML5 elements and attributes","title","Show HN: A guide to all HTML5 elements and attributes","http:\u002F\u002Fhtmlreference.io\u002F","htmlreference.io","bbx",1487070144,2017,728,93,9,2242,1,"legend","dev_tools","html reference","web_app",[24,21,25,26],"html5 elements","html attributes","web reference","roasted",-0.431,{"positive":30,"neutral":31,"mixed":32,"critical":33},6,15,2,31,54,{"docs":36,"idea":38,"design":41,"execution":44,"pricing":46},{"positive":32,"critical":37},12,{"positive":39,"critical":40},0,5,{"positive":42,"critical":43},4,3,{"positive":39,"critical":45},7,{"positive":39,"critical":18},[43,18,39,39,39,43,18,39,18,43,18,43,18,40,40,18,18,40,18,18,43,39,18,40,18,39,18,18,18,40,18,18,18,39,39,39,32,43,18,18],null,{"problem":50,"audience":56,"pricing":68,"motivation":48,"time_to_build":48,"stack":80,"openness":81,"stage":82,"team_size":81},{"value":51,"source":52,"evidence":53},"Quick reference for HTML5 elements and attributes","maker",[54],{"id":55},"post",{"value":57,"source":58,"evidence":59},"Web developers and front-end developers","inferred",[60,64],{"id":61,"by":62,"text":63},"13644889","mouzogu","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…",{"id":65,"by":66,"text":67},"13646425","jeshan25","really really cool. I've shared it in a facebook group for front end devs that I'm part of. One minor issue: Your search bar doesn't look like one :) I didn't notice it until my…",{"value":69,"source":70,"evidence":71},"Free, supported by ads","commenter",[72,76],{"id":73,"by":74,"text":75},"13643656","cyborgx7","Why does it want me to whitelist it in my adblocker when it claims to be free and to always be free?",{"id":77,"by":78,"text":79},"13643794","nathancahill","It's free to you, not free to them.",[],"unknown","launched",{"praise":84,"objections":109,"requests":162,"questions":193,"alternatives":198},[85,101],{"value":86,"source":70,"evidence":87},"Clean, easy-to-scan layout",[88,92,93,97],{"id":89,"by":90,"text":91},"13642718","edent","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…",{"id":61,"by":62,"text":63},{"id":94,"by":95,"text":96},"13643603","projektir","The design is really cute! I appreciate that the website works well even with all scripts blocked.",{"id":98,"by":99,"text":100},"13644618","0x1d","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…",{"value":102,"source":70,"evidence":103},"Useful quick reference with links to MDN",[104,105],{"id":98,"by":99,"text":100},{"id":106,"by":107,"text":108},"13642970","jgorn","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…",[110,133,148,155],{"value":111,"source":70,"evidence":112},"Some element descriptions and defaults are wrong or incomplete",[113,117,121,125,129],{"id":114,"by":115,"text":116},"13643608","etimberg","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:\u002F\u002Fhtmlreference.io\u002Felement\u002Fcanvas\u002F 2.…",{"id":118,"by":119,"text":120},"13643356","alexgrcs","The \u003Caddress> example is wrong. \u003Caddress> defines contact information, but it's not appropriate for all postal and e-mail addresses. http:\u002F\u002Fhtml5doctor.com\u002Fthe-address-element\u002F",{"id":122,"by":123,"text":124},"13644553","shdon","You've got the description for the \"ins\" element the same as for the (admittedly related) \"del\" element.",{"id":126,"by":127,"text":128},"13643239","tenaciousDaniel","I wouldn't say hgroup is experimental. It was on the standards track and now it's being deprecated.",{"id":130,"by":131,"text":132},"13646551","shpx","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FHTML\u002FElement Same thing but guaranteed to be up to date and (more) complete. For example, htmlreference.io's page for \u003Cinput> doesn't…",{"value":134,"source":70,"evidence":135},"Filter checkboxes behave unintuitively and show wrong results",[136,140,144],{"id":137,"by":138,"text":139},"13643685","codingdave","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…",{"id":141,"by":142,"text":143},"13645438","HNaTTY","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,…",{"id":145,"by":146,"text":147},"13643242","ahstro","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,…",{"value":149,"source":70,"evidence":150},"No compatibility information, risky for authors",[151],{"id":152,"by":153,"text":154},"13648815","javajosh","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…",{"value":156,"source":70,"evidence":157},"Unclear how content is maintained and could diverge from specs",[158],{"id":159,"by":160,"text":161},"13644511","blauditore","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\"…",[163,175,182,186],{"value":164,"source":70,"evidence":165},"Link to MDN or spec pages from element descriptions",[166,167,171],{"id":106,"by":107,"text":108},{"id":168,"by":169,"text":170},"13643203","falsedan","It's missing the links to context & to the spec, which was the killer feature of the old WDG HTML Reference[0]. [0]: http:\u002F\u002Fwww.htmlhelp.com\u002Freference\u002Fhtml40\u002Falist.html",{"id":172,"by":173,"text":174},"13643689","jean-","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…",{"value":176,"source":70,"evidence":177},"Offline support",[178],{"id":179,"by":180,"text":181},"13643503","xamuel","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.",{"value":183,"source":70,"evidence":184},"HTTPS support",[185],{"id":89,"by":90,"text":91},{"value":187,"source":70,"evidence":188},"Link related elements to each other",[189],{"id":190,"by":191,"text":192},"13642909","dagw","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 \u003Cli> is: ``` Defines a list…",[194],{"value":195,"source":70,"evidence":196},"How is the content updated, manually or from specs?",[197],{"id":159,"by":160,"text":161},[199,203,207,214],{"value":200,"source":70,"evidence":201},"MDN",[202],{"id":130,"by":131,"text":132},{"value":204,"source":70,"evidence":205},"W3Schools",[206],{"id":159,"by":160,"text":161},{"value":208,"source":70,"evidence":209},"DevDocs",[210],{"id":211,"by":212,"text":213},"13644930","darekkay","A more general\u002Fcomprehensive API documentation tool (which can be also used offline) is DevDocs[1] [1] http:\u002F\u002Fdevdocs.io",{"value":215,"source":70,"evidence":216},"cssreference.io",[217],{"id":218,"by":219,"text":220},"13644840","criswell","If you like this, you'll lOoOoOoOve this: http:\u002F\u002Fcssreference.io\u002F",{"comments":39,"answered":39,"key":222},[],{"commenters":224,"max_depth":225,"maker_replies":39,"first_comment_mins":226,"lifespan_hours":227},73,8,14,30,[229,231,235,238,242,244,247,250,253,256,259,262,266,269,272,275,277,280,283,285,288,291,292,295,296,299,302,305,307,310,314,316,317,320,323,324,327,328,330,332,333,336,339,342,343,344,347,349,351,354,357,360,363,365,369,373,376,379,381,383,385,389,392,395,399,401,404,408,412,414,418,420,424,427,430,432,435,437,440,443,446,448,450,452,456,460,463,467,471,475,478,480,482],[130,39,18,230,131,39],"project\u002Fcritical\u002Fdocs",[232,39,40,233,234,39],"13651900","project\u002Fpositive\u002Fdocs","myfonj",[236,18,18,230,237,39],"13643624","callahad",[239,18,39,240,241,39],"13643714","other\u002Fneutral\u002Fnone","jacobmischka",[243,18,39,240,237,39],"13643778",[245,18,39,240,246,39],"13644833","egeozcan",[248,18,39,240,249,39],"13643716","petepete",[251,18,39,252,241,39],"13643750","commenter\u002Fneutral\u002Fnone",[254,18,39,255,237,39],"13644426","other\u002Fneutral\u002Fdocs",[257,18,39,240,258,39],"13646602","gsnedders",[260,18,39,240,261,39],"13647095","chc",[263,18,43,264,265,39],"13644430","project\u002Fmixed\u002Fidea","baby",[267,18,43,268,246,39],"13644722","project\u002Fneutral\u002Fidea",[270,18,18,271,265,39],"13646274","project\u002Fcritical\u002Fidea",[273,18,39,252,274,39],"13646522","dualogy",[276,18,39,252,265,39],"13647613",[278,18,39,240,279,39],"13653253","rkeene2",[281,18,39,240,282,39],"13646205","AceJohnny2",[159,32,43,284,160,39],"project\u002Fneutral\u002Fdocs",[286,32,18,230,287,39],"13644921","giancarlostoro",[289,32,43,284,290,39],"13646516","chamini2",[190,43,43,284,191,39],[293,43,39,252,294,39],"13644403","frandroid",[168,42,18,230,169,39],[297,42,39,240,298,39],"13643289","bshimmin",[300,42,43,284,301,39],"13643494","dahauns",[303,40,43,284,304,39],"13642872","adontz",[145,30,18,306,146,39],"project\u002Fcritical\u002Fdesign",[308,30,39,252,309,39],"13643385","danielhunt",[311,30,43,312,313,39],"13643628","project\u002Fneutral\u002Fdesign","Vendan",[89,45,40,315,90,39],"project\u002Fpositive\u002Fdesign",[106,45,43,284,107,39],[318,45,40,233,319,39],"13643124","cabalamat",[321,45,43,284,322,39],"13644107","OJFord",[211,225,18,230,212,39],[325,225,18,326,241,39],"13644984","project\u002Fcritical\u002Fnone",[137,16,18,306,138,39],[114,329,18,230,115,39],10,[118,331,18,230,119,39],11,[61,37,40,315,62,39],[334,37,39,255,335,39],"13645499","seangrogg",[179,337,43,338,180,39],13,"project\u002Fneutral\u002Fnone",[340,337,18,326,341,39],"13645088","akcreek",[122,226,18,230,123,39],[126,31,18,230,127,39],[345,31,18,230,346,39],"13643968","jbeales",[172,348,43,284,173,39],16,[350,348,39,252,78,39],"13643783",[352,348,39,252,353,39],"13644064","talmand",[355,348,39,252,356,39],"13646469","moron4hire",[358,348,39,255,359,39],"13646715","tannhaeuser",[361,348,39,252,362,39],"13646948","ytugiuyghvk",[152,364,18,230,153,39],17,[366,367,43,284,368,39],"13643208",18,"teh_klev",[370,371,40,315,372,39],"13644172",19,"xophishox",[374,375,18,306,319,39],"13643121",20,[377,375,39,252,378,39],"13643186","kelnage",[380,375,39,252,319,39],"13648766",[382,375,39,252,378,39],"13651043",[384,375,39,252,319,39],"13651745",[386,387,39,240,388,39],"13648037",21,"tomkin",[141,390,18,391,142,39],22,"project\u002Fcritical\u002Fexecution",[98,393,43,394,99,39],23,"maker\u002Fneutral\u002Fdesign",[396,397,18,391,398,39],"13643049",24,"neogodless",[400,397,18,391,398,39],"13643137",[402,397,18,391,403,39],"13643233","villancikos",[405,406,18,391,407,39],"13647363",25,"darkhorn",[409,410,39,240,411,39],"13652604",26,"macintux",[94,413,40,315,95,39],27,[415,416,39,240,417,39],"13648004",28,"karol",[419,416,39,240,417,39],"13648027",[421,422,18,391,423,39],"13642747",29,"ulucs",[425,227,18,230,426,39],"13643569","aiaf",[428,33,39,240,429,39],"13648641","badthingfactory",[218,431,39,240,219,39],32,[73,433,18,434,74,39],33,"project\u002Fcritical\u002Fpricing",[77,433,39,436,78,39],"commenter\u002Fneutral\u002Fpricing",[438,433,39,439,74,39],"13644143","commenter\u002Fneutral\u002Fprivacy",[441,433,39,436,442,39],"13645135","recursive",[444,433,39,436,445,39],"13645929","mcbits",[447,433,39,436,78,39],"13646495",[449,433,39,436,445,39],"13646668",[451,433,39,436,66,39],"13650272",[453,454,43,268,455,39],"13647797",34,"KingMob",[457,458,18,391,459,39],"13651173",35,"NKCSS",[65,461,43,462,66,39],36,"project\u002Fmixed\u002Fdesign",[464,465,39,240,466,39],"13643266",37,"k__",[468,469,43,268,470,39],"13643596",38,"jkochis",[472,473,18,271,474,39],"13643207",39,"lisper",[476,473,18,271,477,39],"13643401","malydok",[479,473,18,271,474,39],"13643473",[481,473,18,271,234,39],"13651556",[483,484,18,326,485,39],"13648266",40,"SFJulie",[487,488],{"id":4,"t":12,"points":14,"comments":15},{"id":489,"t":490,"points":32,"comments":39},"40195446",1714375136,[492,497,502,507,512,516],{"id":493,"name":494,"points":495,"category":496},"13628522","Rumuki",405,"security_privacy",{"id":498,"name":499,"points":500,"category":501},"13623852","Beehive",247,"infrastructure",{"id":503,"name":504,"points":505,"category":506},"13616751","Aragon",191,"web_saas",{"id":508,"name":509,"points":510,"category":511},"13642967","illustrated-algorithms",187,"learning_science",{"id":513,"name":514,"points":515,"category":20},"13628530","DeepUI Programming Studio",186,{"id":517,"name":518,"points":519,"category":20},"13628952","s3-lambda",177,false,"v2",{"id":523,"name":5,"line":6,"ai":520,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":524,"top":18,"kw":525,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":526,"url":9,"mix":527,"praise":86,"objection":111,"sub":21},13642662,-0.43,[24,21,25,26],"3100031013131551151130151011151110002311",[30,31,32,33],1794036552623]