[{"data":1,"prerenderedAt":273},["ShallowReactive",2],{"project-9883851":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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":42,"post_text":45,"what":46,"said":64,"maker_in_thread":166,"shape":175,"grid":179,"attempts":235,"same_week":236,"maker_shows":32,"maker_hidden":266,"reader_version":267,"card":268},"9883851","Markdown-UI","Write UI\u002FUX with Markdown Syntax","title","Show HN: Markdown-UI – Write UI\u002FUX with Markdown Syntax","http:\u002F\u002Fjjuliano.github.io\u002Fmarkdown-ui\u002F","jjuliano.github.io","jjuliano",1436869203,2015,65,24,425,2565,17,"notable","dev_tools","ui prototyping markup","library",[24,25,26,27],"markdown","ui prototyping","html generation","wireframe","roasted",-0.4,{"positive":31,"neutral":32,"mixed":33,"critical":34},2,4,0,9,15,{"design":37,"execution":38,"idea":39,"docs":41},{"positive":33,"critical":32},{"positive":33,"critical":31},{"positive":31,"critical":40},3,{"positive":33,"critical":33},[43,33,33,33,43,33,43,33,33,43,40,44,40,40,44,33,43,43,43,43,43,33,40,33],1,5,null,{"problem":47,"audience":54,"pricing":45,"motivation":58,"time_to_build":45,"stack":62,"openness":63,"stage":63,"team_size":63},{"value":48,"source":49,"evidence":50},"Describing user interfaces quickly in a simple text markup","maker",[51],{"id":52,"by":11,"text":53},"9889009","I like both representations, the HTML inline and the YAML is easy to read too. I think this is a niche for people who just want to use a whiteboard and draw their UI in front of…",{"value":55,"source":49,"evidence":56},"Non-technical people and designers prototyping UIs",[57],{"id":52,"by":11,"text":53},{"value":59,"source":49,"evidence":60},"Make it very easy for non-technical people to create UIs, even on paper or a whiteboard",[61],{"id":52,"by":11,"text":53},[],"unknown",{"praise":65,"objections":74,"requests":119,"questions":131,"alternatives":143},[66],{"value":67,"source":68,"evidence":69},"Useful for prototyping interactive UIs with non-technical people","commenter",[70],{"id":71,"by":72,"text":73},"9886210","bradgessler","I built something similar called Formdown: https:\u002F\u002Fgithub.com\u002Fbradgessler\u002Fformdown If you're wondering why something like this would be useful, it's great for prototyping…",[75,90,101,108],{"value":76,"source":68,"evidence":77},"Using Markdown for UI markup is a poor fit; plain HTML or YAML is clearer",[78,82,86],{"id":79,"by":80,"text":81},"9884535","florianletsch","I don't know what to make of this. I like the general idea but I really don't like the use of Markdown here. Markdown makes writing markup faster and reading markup easier. It's…",{"id":83,"by":84,"text":85},"9886811","Animats","I don't get the fascination with \"markdown\". Even for messaging systems, BBcode ([i]like this[\u002Fi]) was easier. Markdown is always fighting with indentation for other purposes.",{"id":87,"by":88,"text":89},"9884043","erikb","I like the idea of using something like Markdown to write GUI descriptions. But I don't think pressing a meta-language into Markdown is the way to go. Better use the same…",{"value":91,"source":68,"evidence":92},"Buttons built from divs are not keyboard focusable or accessible",[93,97],{"id":94,"by":95,"text":96},"9884300","prezjordan","Please don't ever make buttons with \u003Cdiv>s! [0] Focusable should be the default, as many folks can't (or don't want to) use a mouse. Use the semantic \u003Cbutton> tag or even just an…",{"id":98,"by":99,"text":100},"9884024","RubyPinch","Why not just inline html? doesn't conflict with pre-existing markdown specifications, more usable for breaking out of document flow (if one is making a proper form, this helps a…",{"value":102,"source":68,"evidence":103},"The name Markdown is misapplied to this niche syntax",[104],{"id":105,"by":106,"text":107},"9886647","Ciantic","I don't think this should use the name of \"Markdown\" in the name, this is a niche feature this just waters down the meaning of \"Markdown\".",{"value":109,"source":68,"evidence":110},"The title's UX claim is misleading",[111,115],{"id":112,"by":113,"text":114},"9886064","sneak","That's not what User Experience means.",{"id":116,"by":117,"text":118},"9884488","raphael_l","Maybe I'm not getting something quite right, but why is there a \"UX\" in the title?",[120,124],{"value":121,"source":68,"evidence":122},"Use semantic button elements instead of divs",[123],{"id":94,"by":95,"text":96},{"value":125,"source":68,"evidence":126},"Explain how layouts and nested layouts are handled",[127],{"id":128,"by":129,"text":130},"9884814","nudpiedo","It's a good beginning even if there are already some good alternatives out there as well. Wishing to see how you solve the problems of layouts and nested layouts (including…",[132,139],{"value":133,"source":68,"evidence":134},"What is the goal compared to existing alternatives",[135],{"id":136,"by":137,"text":138},"9884836","aries1980","What is the different goal here compared to Salt? http:\u002F\u002Fplantuml.sourceforge.net\u002Fsalt.html",{"value":140,"source":68,"evidence":141},"Why not use inline HTML",[142],{"id":98,"by":99,"text":100},[144,148,152,159],{"value":145,"source":68,"evidence":146},"Formdown",[147],{"id":71,"by":72,"text":73},{"value":149,"source":68,"evidence":150},"Salt (PlantUML)",[151],{"id":136,"by":137,"text":138},{"value":153,"source":68,"evidence":154},"Marx and Classless CSS frameworks",[155],{"id":156,"by":157,"text":158},"9884679","fiatjaf","Anyone interested in this should also look at * Marx, the CSS framework without classes: https:\u002F\u002Fgithub.com\u002Fmblode\u002Fmarx * Classless, the HTML5 framework and themes for CMS-like…",{"value":160,"source":68,"evidence":161},"Emmet",[162],{"id":163,"by":164,"text":165},"9886131","aaronem","Seriously! Every editor in the world by now has an Emmet plugin (possibly still called \"zencoding\" if it hasn't been updated in a while), and I'd rather write an easy-to-learn…",{"comments":32,"answered":43,"key":167},[168,169,172],{"id":52,"text":53},{"id":170,"text":171},"9889014","Hmm, thanks noted, let me research on using the \u003Cbutton> semantic vs. \u003Cdiv> more.",{"id":173,"text":174},"9888311","For some of us technical programmers it's hard to come up with a website or UIs than doing backend work.",{"commenters":176,"max_depth":40,"maker_replies":32,"first_comment_mins":177,"lifespan_hours":178},20,58,14,[180,182,186,189,191,193,195,196,199,201,202,206,207,209,211,213,215,218,219,221,223,227,228,233],[79,33,43,181,80,33],"project\u002Fcritical\u002Fdesign",[183,33,33,184,185,33],"9885125","commenter\u002Fneutral\u002Fnone","jdkanani",[187,33,33,184,188,33],"9885739","btreecat",[52,33,33,190,11,43],"project\u002Fpositive\u002Fidea",[94,43,43,192,95,33],"project\u002Fcritical\u002Fexecution",[170,43,33,194,11,43],"maker\u002Fneutral\u002Fexecution",[87,31,43,181,88,33],[197,31,33,184,198,33],"9887509","technomalogical",[200,31,33,184,88,33],"9888128",[98,40,43,192,99,33],[203,40,40,204,205,33],"9885100","project\u002Fneutral\u002Fexecution","nmcfarl",[71,32,44,190,72,33],[156,44,40,208,157,33],"project\u002Fneutral\u002Fidea",[136,210,40,208,137,33],6,[128,212,44,190,129,33],7,[173,212,33,214,11,43],"maker\u002Fneutral\u002Fnone",[112,216,43,217,113,33],8,"project\u002Fcritical\u002Fidea",[116,34,43,217,117,33],[83,220,43,181,84,33],10,[105,222,43,217,106,33],11,[224,225,43,181,226,33],"9885589",12,"talles",[163,225,33,184,164,33],[229,230,40,231,232,33],"9884171",13,"project\u002Fneutral\u002Fdocs","waynenilsen",[234,230,33,231,11,43],"9888335",[],[237,242,247,251,256,261],{"id":238,"name":239,"points":240,"category":241},"9878597","Density",258,"data",{"id":243,"name":244,"points":245,"category":246},"9892049","Democracy.io by EFF",144,"web_saas",{"id":248,"name":249,"points":250,"category":20},"9876868","Durat.io",119,{"id":252,"name":253,"points":254,"category":255},"9889057","Actor",110,"infrastructure",{"id":257,"name":258,"points":259,"category":260},"9892515","Nestor",87,"productivity",{"id":262,"name":263,"points":264,"category":265},"9859389","Captain401",83,"finance_crypto",false,"v2",{"id":269,"name":5,"line":6,"ai":266,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":270,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":271,"url":9,"mix":272,"praise":67,"objection":76,"sub":21},9883851,[24,25,26,27],"100010100135335011111030",[31,32,33,34],1794036533367]