[{"data":1,"prerenderedAt":341},["ShallowReactive",2],{"project-3546149":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":44,"post_text":45,"what":46,"said":101,"maker_in_thread":205,"shape":213,"grid":217,"attempts":299,"same_week":305,"maker_shows":37,"maker_hidden":333,"reader_version":334,"card":335},"3546149","PageBlox","my weekend project, PageBlox","title","Show HN: my weekend project, PageBlox","http:\u002F\u002Fpageblox.com","pageblox.com","ctek",1328252576,2012,134,32,146,1677,9,"notable","dev_tools","html layout generator","web_app",[21,24,25,26],"css grid","front-end","html5 templates","debated",0.085,{"positive":30,"neutral":31,"mixed":32,"critical":33},8,5,2,6,21,{"idea":36,"pricing":38,"execution":40,"design":41,"performance":43},{"positive":31,"critical":37},1,{"positive":37,"critical":39},0,{"positive":39,"critical":32},{"positive":37,"critical":42},3,{"positive":39,"critical":39},[31,39,39,31,39,37,39,37,39,39,31,31,31,37,39,42,39,42,31,31,42,39,37,42,39,37,42,39,37,42,31,42],null,{"problem":45,"audience":47,"pricing":45,"motivation":58,"time_to_build":63,"stack":68,"openness":98,"stage":99,"team_size":100},{"value":48,"source":49,"evidence":50},"Front-end developers and designers","inferred",[51,54],{"id":52,"by":11,"text":53},"3546438","...a project that showcases my JavaScript skills. I am looking for consulting work so please contact me if you need a front-end designer\u002Fdeveloper",{"id":55,"by":56,"text":57},"3546831","nitrogen","Very nice first project. There was some recent discussion (http:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=3523316) about WYSIWYG editors for HTML. This is the first step toward exactly the…",{"value":59,"source":60,"evidence":61},"Weekend project showcasing JavaScript skills; maker seeks consulting work","maker",[62],{"id":52,"by":11,"text":53},{"value":64,"source":60,"evidence":65},"A weekend",[66],{"id":67},"post",[69,78,82,86,92],{"value":70,"source":71,"evidence":72},"JavaScript","commenter",[73,77],{"id":74,"by":75,"text":76},"3546918","Isofarro","\"a project that showcases my JavaScript skills\" Quick review of your JavaScript: Your functions and variables are in a global namespace. That's not a good sign. Sure if you are…",{"id":52,"by":11,"text":53},{"value":79,"source":71,"evidence":80},"jQuery",[81],{"id":74,"by":75,"text":76},{"value":83,"source":71,"evidence":84},"Blueprint CSS",[85],{"id":74,"by":75,"text":76},{"value":87,"source":60,"evidence":88},"Backbone.js (planned)",[89],{"id":90,"by":11,"text":91},"3547024","Thanks for checking out the code. I am aware that JavaScript's \"bad parts\" are used throughout. This is of course a prototype built rather quickly. In the end all of this will be…",{"value":93,"source":60,"evidence":94},"TinyMCE",[95],{"id":96,"by":11,"text":97},"3550960","just added tinymce editor...","unknown","prototype","solo",{"praise":102,"objections":126,"requests":152,"questions":185,"alternatives":197},[103,115],{"value":104,"source":71,"evidence":105},"Nice, simple idea and good first project",[106,107,111],{"id":55,"by":56,"text":57},{"id":108,"by":109,"text":110},"3546876","beshrkayali","Very good work! I love the simplicity and the provided templates. I would enhance the UI and maybe add inline code editing for blocks in the next version. Good luck.",{"id":112,"by":113,"text":114},"3547842","toddwahnish","this is fantastic- great work!",{"value":116,"source":71,"evidence":117},"WYSIWYG potential",[118,122],{"id":119,"by":120,"text":121},"3546452","ThomPete","Yes yes, a thousand times yes. It needs some more work of course but the potential is right there. Also consider the other way round (analyze page that have been created by other…",{"id":123,"by":124,"text":125},"3548260","ivan_ah","Nice first step indeed! As this is the only part of the WYSIWYG editor I would use, I would go as far as to say that this is the \u002F\u002Flast\u002F\u002F step.",[127,134,141,148],{"value":128,"source":71,"evidence":129},"Not responsive CSS output",[130],{"id":131,"by":132,"text":133},"3548055","masukomi","Initial thought: cool idea, but why would I want a tool to generate a css layout that wasn't responsive css in an age where mobile devices can NOT be ignored?",{"value":135,"source":71,"evidence":136},"Layout buggy in Opera",[137],{"id":138,"by":139,"text":140},"3546799","skrebbel","I like it. It scares me a bit that the tool layout seems buggy on my Opera, does that mean that the output will be buggy there too? That said, what can you expect from a weekend…",{"value":142,"source":71,"evidence":143},"Blox resizing requires buttons instead of dragging",[144],{"id":145,"by":146,"text":147},"3546605","mofle","It's annoying having to click a button to adjust the bloxes. Would be better if you could just adjust them by dragging the sides.",{"value":149,"source":71,"evidence":150},"Global namespace and JS code quality",[151],{"id":74,"by":75,"text":76},[153,160,167,174,178],{"value":154,"source":71,"evidence":155},"Support Twitter Bootstrap",[156],{"id":157,"by":158,"text":159},"3546510","brador","Make a version of this for twitter bootstrap and you will have reached an incredible amount of win.",{"value":161,"source":71,"evidence":162},"Add HTML5 semantic tags to output",[163],{"id":164,"by":165,"text":166},"3546533","niyazpk","Small nitpick: If you say you generate HTML5 markup, I think you should make use of the new HTML5 tags like \u003Cheader>, \u003Cfooter> etc in the rendered file. Right now it looks like…",{"value":168,"source":71,"evidence":169},"Zip and download all files",[170],{"id":171,"by":172,"text":173},"3546700","robertboloc","nice! can you add a button (next to render) that can zip&download all the files?",{"value":175,"source":71,"evidence":176},"Drag to resize blox sides",[177],{"id":145,"by":146,"text":147},{"value":179,"source":71,"evidence":180},"Inline text editing (WYSIWYG)",[181],{"id":182,"by":183,"text":184},"3546801","ooiwa","Nice! I think it would be smart if text can be edit without thinking HTML, like wysiwyg editor. Can edit layout includes h* and p.",[186,193],{"value":187,"source":71,"evidence":188},"Why is the font so small?",[189],{"id":190,"by":191,"text":192},"3546279","Raphael","Why such small font?",{"value":194,"source":71,"evidence":195},"Why not responsive CSS?",[196],{"id":131,"by":132,"text":133},[198,202],{"value":199,"source":71,"evidence":200},"HTML5 Boilerplate",[201],{"id":164,"by":165,"text":166},{"value":83,"source":71,"evidence":203},[204],{"id":74,"by":75,"text":76},{"comments":30,"answered":206,"key":207},4,[208,209,210],{"id":52,"text":53},{"id":90,"text":91},{"id":211,"text":212},"3546559","thanks for the feedback, very helpful. I am thinking about what kind of new features to add and I would like to keep the features to an elegant minimum. HTML5 tags would be nice…",{"commenters":214,"max_depth":206,"maker_replies":30,"first_comment_mins":215,"lifespan_hours":216},24,52,30,[218,220,224,227,231,233,235,237,239,241,245,246,247,248,250,252,255,257,259,263,265,268,270,272,275,277,280,282,283,287,291,294],[157,39,31,219,158,39],"project\u002Fpositive\u002Fidea",[221,39,39,222,223,39],"3546968","commenter\u002Fneutral\u002Fnone","sainib",[225,39,39,222,226,39],"3547215","tstegart",[228,39,31,229,230,39],"3547564","project\u002Fpositive\u002Fpricing","loceng",[52,37,39,232,11,37],"maker\u002Fneutral\u002Fnone",[74,37,37,234,75,39],"maker\u002Fcritical\u002Fexecution",[90,37,39,236,11,37],"maker\u002Fneutral\u002Fexecution",[164,32,37,238,165,39],"project\u002Fcritical\u002Fexecution",[211,32,39,240,11,37],"maker\u002Fneutral\u002Fdesign",[242,32,39,243,244,39],"3546886","commenter\u002Fcritical\u002Fexecution","jakelear",[55,42,31,219,56,39],[123,42,31,219,124,39],[119,206,31,219,120,39],[145,31,37,249,146,39],"project\u002Fcritical\u002Fdesign",[251,31,39,240,11,37],"3546626",[253,31,42,254,146,39],"3546644","project\u002Fneutral\u002Fdesign",[256,31,39,240,11,37],"3546660",[138,33,42,258,139,39],"project\u002Fmixed\u002Fperformance",[260,261,31,219,262,39],"3546396",7,"manmal",[108,30,31,264,109,39],"project\u002Fpositive\u002Fdesign",[266,18,42,232,267,39],"3547177","harrisreynolds",[269,18,39,232,11,37],"3547219",[190,271,37,249,191,39],10,[171,273,42,274,172,39],11,"project\u002Fneutral\u002Fidea",[276,273,39,232,11,37],"3546722",[131,278,37,279,132,39],12,"project\u002Fcritical\u002Fidea",[182,281,42,254,183,39],13,[96,281,39,240,11,37],[284,285,37,249,286,39],"3546515",14,"worldimperator",[288,289,42,254,290,39],"3546833",15,"AjJi",[112,292,31,293,113,39],16,"project\u002Fpositive\u002Fnone",[295,296,42,297,298,39],"3547018",17,"project\u002Fmixed\u002Fdesign","creatom",[300,301],{"id":4,"t":12,"points":14,"comments":15},{"id":302,"t":303,"points":304,"comments":271},"4344365",1344240263,42,[306,310,315,320,325,329],{"id":307,"name":308,"points":309,"category":20},"3560321","Tinycon",271,{"id":311,"name":312,"points":313,"category":314},"3557805","JobPoacher",182,"web_saas",{"id":316,"name":317,"points":318,"category":319},"3560750","Cron.io",153,"infrastructure",{"id":321,"name":322,"points":323,"category":324},"3553793","JavaScript Instagram-like Filters",127,"creative",{"id":326,"name":327,"points":328,"category":20},"3558466","Parallax.js",108,{"id":330,"name":331,"points":332,"category":20},"3541060","Hackerest",95,false,"v2",{"id":336,"name":5,"line":6,"ai":333,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":337,"top":18,"kw":338,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":339,"url":9,"mix":340,"praise":104,"objection":128,"sub":21},3546149,0.09,[21,24,25,26],"50050101005551030355301301301353",[30,31,32,33],1793990878469]