[{"data":1,"prerenderedAt":607},["ShallowReactive",2],{"project-4113866":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":48,"post_text":50,"what":51,"said":91,"maker_in_thread":242,"shape":250,"grid":253,"attempts":568,"same_week":569,"maker_shows":39,"maker_hidden":599,"reader_version":600,"card":601},"4113866","Easel","Easel, web design in the browser","title","Show HN: Easel, web design in the browser","https:\u002F\u002Falpha.easel.io\u002Fdemo","alpha.easel.io","mrbogle",1339712951,2012,346,120,27,1677,2,"legend","dev_tools","web design editor","web_app",[24,25,26,27],"web design","browser design tool","html css export","mockup tool","mixed",0.073,{"positive":31,"neutral":32,"mixed":33,"critical":34},23,26,13,16,78,{"idea":37,"pricing":40,"design":43,"execution":45,"performance":47},{"positive":38,"critical":39},10,5,{"positive":41,"critical":42},1,0,{"positive":44,"critical":44},4,{"positive":18,"critical":46},6,{"positive":42,"critical":41},[49,49,49,44,49,49,39,42,49,49,49,44,49,49,41,39,41,49,49,39,49,49,39,39,41,18,41,49,49,49,49,44,39,41,49,41,49,49,39,39],3,null,{"problem":52,"audience":64,"pricing":50,"motivation":75,"time_to_build":50,"stack":82,"openness":89,"stage":90,"team_size":89},{"value":53,"source":54,"evidence":55},"Designers use Photoshop for web mockups, which don't match what browsers can render","commenter",[56,60],{"id":57,"by":58,"text":59},"4114025","hcarvalhoalves","Just a drawing tool in the browser. This doesn't do anything different than Photoshop or Omnigraffle, if the web designer is smart enough to reuse layers \u002F components. It could…",{"id":61,"by":62,"text":63},"4113997","fendrak","This strikes me as a good mix of Balsalmiq (www.balsalmiq.com) and Photoshop. One of my pet peeves is getting mockups from designers that clearly fail to take the actual…",{"value":65,"source":54,"evidence":66},"Web designers and developers prototyping sites",[67,71],{"id":68,"by":69,"text":70},"4115799","digitalengineer","Great idea guys! I can already see myself designing something and building a quick real-world prototype and sharing the url of that with clients. So much better than…",{"id":72,"by":73,"text":74},"4114071","Watts","I think this is great for prototyping ideas. Using Photoshop for web design is an approximation at best.",{"value":76,"source":77,"evidence":78},"Streamline the design to development process","maker",[79],{"id":80,"by":11,"text":81},"4114107","Marquee is _really_ cool. But they are aimed at a different audience: non technical users. Our goal is to help streamline the design -> development process. The people making…",[83],{"value":84,"source":77,"evidence":85},"HTML5 canvas",[86],{"id":87,"by":11,"text":88},"4117371","Interesting. Using canvas allows us to do a couple things: - draw vector shapes - export images on the client side - filters\u002Feffects in the future - pixelated zoom (not…","unknown","beta",{"praise":92,"objections":123,"requests":173,"questions":199,"alternatives":215},[93,108,116],{"value":94,"source":54,"evidence":95},"Slick, fast interface and good keyboard shortcuts",[96,100,104],{"id":97,"by":98,"text":99},"4114147","pygorex","Very cool interface. Any a very nice usage of keyboard shortcuts. Can Easel output an entire web page? - meaning can I layout an entire page then get a zipped download of the…",{"id":101,"by":102,"text":103},"4116785","mwill","I was a a bit bummed when I realised that slick scrolling is canvas. It feels outstanding on my mac trackpad. It's a very 'appy' web-app, if that makes sense. It wasn't until I…",{"id":105,"by":106,"text":107},"4113922","jcfrei","very nice and fast - definitely by leaps and bounds more intuitive than the old dreamweaver I was using some 10 years ago!",{"value":109,"source":54,"evidence":110},"Useful for quick prototypes shared with clients",[111,112],{"id":68,"by":69,"text":70},{"id":113,"by":114,"text":115},"4114200","DigitalSea","I'm a web application nerd and I really think you're onto something here. As an initial offering this app has a lot of promise and I can't wait to see what else you guys do with…",{"value":117,"source":54,"evidence":118},"Exports HTML\u002FCSS snippets",[119],{"id":120,"by":121,"text":122},"4116487","jkeel","My favorite part is the HTML\u002FCSS snippet generation. Many times I've had to play around with the CSS in Chrome inspector to get what I wanted. While it's not hard, I do like to…",[124,135,147,158],{"value":125,"source":54,"evidence":126},"Draws on canvas, not the DOM, so output is not real layout",[127,131],{"id":128,"by":129,"text":130},"4115980","splatcollision","Congratulations! Glad to see more people attempting this type of thing. The demo content design is pretty nice. Some good things in Easel, but I have lots of problems with all…",{"id":132,"by":133,"text":134},"4114428","skyhook_mockups","Congrats on putting out a great looking alpha. One question I have: The entire layout is being drawn inside of a canvas. Why was this decision made? Since (at least partly) the…",{"value":136,"source":54,"evidence":137},"Absolutely positioned output does not suit responsive layouts",[138,142,143],{"id":139,"by":140,"text":141},"4114154","grantjgordon","True, but this is just a different sort of approximation, too. Layouts where all the elements are absolutely positioned don't work in the real world, so the markup and css will…",{"id":61,"by":62,"text":63},{"id":144,"by":145,"text":146},"4114371","agumonkey","I had a funny satisfaying feeling to have a free Illustrator Licence for a minute. That said I agree that, as cool and well delivered, it's against the fluid\u002Fresponsive web we're…",{"value":148,"source":54,"evidence":149},"Cluttered, unfamiliar UI and unlabeled controls",[150,154],{"id":151,"by":152,"text":153},"4114130","thejerz","This is cool. I like the concept. I'm hoping that someone can create a web app that reduces the need for Photoshop. You guys are off to an auspicious start. Great work! My only…",{"id":155,"by":156,"text":157},"4113901","aik","Cool. One of the things that confuses me though are the hotkeys (control+shift+5 turns the div into a button? not very intuitive). Instead of hotkeys, I'd prefer to be told how…",{"value":159,"source":54,"evidence":160},"Browser compatibility bugs in Chrome, Firefox and Windows",[161,165,169],{"id":162,"by":163,"text":164},"4113988","benmccann","It's impossible to use in Chrome 19 on Win 7 because the scrollbars are missing.",{"id":166,"by":167,"text":168},"4114512","dsrguru","The \"Make me pretty\" section doesn't render properly for me under Firefox 13.0 on Arch Linux, but it looks right in Chromium. Here's what it looks like in Firefox:…",{"id":170,"by":171,"text":172},"4116247","premise","I’m sorry, my Firefox said that the script was unresponsive, I clicked ‘Continue,’ and everything remained sort of frozen.",[174,181,192],{"value":175,"source":54,"evidence":176},"Support for non-absolute, flowing layouts",[177,178],{"id":57,"by":58,"text":59},{"id":179,"by":11,"text":180},"4114088","The hard part about using the browser's layout engine is that it is limiting to the designer. We'd have to snap things into say, floating position, etc. And we'd have to know…",{"value":182,"source":54,"evidence":183},"Platform-neutral keyboard shortcuts",[184,188],{"id":185,"by":186,"text":187},"4115489","gizzlon","Cool :) Two notes: ``` - I'm not on a mac so don't give me mac shortcuts - Control+Shift+E is already bound in firefox (and it's a very handy shortcut) ```",{"id":189,"by":190,"text":191},"4114762","mkl","Hi, this seems neat. Some points: In Chrome 19.0.1084.52 on Ubuntu, I'm getting told to use Apple command key shortcuts. There is no scrollbar. The scroll wheel works, but the…",{"value":193,"source":54,"evidence":194},"Open source release",[195],{"id":196,"by":197,"text":198},"4113886","ericingram","Looks nice, is it or will it be open source?",[200,208],{"value":201,"source":54,"evidence":202},"Can it export a full page as HTML?",[203,204],{"id":97,"by":98,"text":99},{"id":205,"by":206,"text":207},"4114055","blyxa","Looks like this webpage is drawn in Canvas. Can this tool translate the entire Canvas content to a HTML doc that I can then publish?",{"value":209,"source":54,"evidence":210},"Does Download as PNG work?",[211],{"id":212,"by":213,"text":214},"4113944","flixic","Does \"Download as PNG\" menu action in File menu work for anyone? That is the only feature I care about, and I haven't seen anything like that before.",[216,224,228,235],{"value":217,"source":54,"evidence":218},"Photoshop",[219,223],{"id":220,"by":221,"text":222},"4114229","twodayslate","I'll stick with Photoshop and Sublime Text 2. Thanks though, it was fun to play around with for a while.",{"id":57,"by":58,"text":59},{"value":225,"source":54,"evidence":226},"Edit Room",[227],{"id":128,"by":129,"text":130},{"value":229,"source":54,"evidence":230},"Marquee",[231],{"id":232,"by":233,"text":234},"4114062","ravejk","Looks a lot like getmarquee.com, only not as impressive.",{"value":236,"source":54,"evidence":237},"Unbounce",[238],{"id":239,"by":240,"text":241},"4114133","callmeed","You should take a look at Unbounce. While they're targeting landing pages, their page editor does this the right way IMO. What I'd personally like to see is a JS in-browser page…",{"comments":243,"answered":38,"key":244},28,[245,246,249],{"id":87,"text":88},{"id":247,"text":248},"4114198","The intent at this point is to not generate layout html\u002Fcss. Humans are much better at this right now than the editor could be. And the assumption is that the programmer will…",{"id":179,"text":180},{"commenters":251,"max_depth":46,"maker_replies":243,"first_comment_mins":39,"lifespan_hours":252},75,83,[254,256,259,263,266,269,272,275,277,279,282,286,288,289,291,293,296,300,303,304,307,310,312,314,318,320,322,325,327,331,332,334,335,337,340,342,345,349,351,353,356,359,363,365,367,368,371,373,375,379,383,384,386,388,390,394,396,399,400,402,407,410,412,414,417,419,423,426,428,430,432,433,436,439,441,443,447,449,453,455,457,460,462,464,466,468,471,476,477,481,483,486,488,490,491,494,497,500,505,507,511,513,515,520,522,525,527,528,531,534,537,539,541,545,547,551,553,557,561,565],[128,42,49,255,129,42],"project\u002Fmixed\u002Fidea",[257,42,49,258,69,42],"4116142","project\u002Fmixed\u002Fpricing",[260,42,49,261,262,42],"4116597","project\u002Fmixed\u002Fdesign","mrgreenfur",[264,42,49,265,129,42],"4118355","maker\u002Fneutral\u002Fnone",[267,42,49,261,268,42],"4116670","jurre",[270,42,49,271,129,42],"4118322","maker\u002Fneutral\u002Fdesign",[273,42,49,261,274,42],"4117135","salimmadjd",[276,42,49,271,129,42],"4118341",[87,42,42,278,11,41],"project\u002Fneutral\u002Fexecution",[280,42,39,281,129,42],"4118302","project\u002Fpositive\u002Fexecution",[283,42,39,284,285,42],"4118547","project\u002Fpositive\u002Fidea","rstacruz",[57,41,41,287,58,42],"project\u002Fcritical\u002Fidea",[72,41,39,284,73,42],[139,41,41,290,140,42],"project\u002Fcritical\u002Fdesign",[247,41,42,292,11,41],"maker\u002Fneutral\u002Fidea",[294,41,42,295,73,42],"4114818","commenter\u002Fneutral\u002Fidea",[297,41,49,298,299,42],"4117814","project\u002Fneutral\u002Fidea","fleetvanjeremy",[301,41,42,295,302,42],"4114195","liamondrop",[179,41,42,292,11,41],[305,41,39,284,306,42],"4114135","drivebyacct2",[308,41,39,284,309,42],"4114199","tomsaffell",[311,41,42,265,11,41],"4114261",[313,41,42,292,11,41],"4114369",[315,41,42,316,317,42],"4114250","commenter\u002Fneutral\u002Fdesign","JoshTriplett",[319,41,42,271,11,41],"4114269",[321,41,42,316,317,42],"4114290",[323,41,49,261,324,42],"4114414","anigbrowl",[326,41,42,295,58,42],"4117836",[328,41,42,329,330,42],"4116063","other\u002Fneutral\u002Fidea","rooibos",[151,18,49,261,152,42],[333,18,42,271,11,41],"4114181",[97,49,49,278,98,42],[336,49,42,265,11,41],"4114209",[338,49,39,284,339,42],"4114285","pirer",[341,49,49,278,98,42],"4114495",[343,49,49,298,344,42],"4115368","dagingaa",[346,44,39,347,348,42],"4115496","project\u002Fpositive\u002Fdesign","iusable",[350,44,42,265,11,41],"4117973",[189,39,41,352,190,42],"project\u002Fcritical\u002Fexecution",[354,39,42,355,11,41],"4114790","maker\u002Fneutral\u002Fexecution",[357,39,49,271,358,42],"4115606","lucian1900",[360,39,42,361,362,42],"4115853","commenter\u002Fneutral\u002Fnone","schrijver",[364,39,42,265,11,41],"4117276",[366,39,42,361,190,42],"4116192",[185,46,41,352,186,42],[369,46,49,278,370,42],"4125679","robyates",[68,372,39,284,69,42],7,[374,372,42,265,11,41],"4118048",[376,377,42,329,378,42],"4121251",8,"sandijs",[380,381,49,255,382,42],"4115454",9,"iamhenry",[132,38,41,352,133,42],[239,385,49,298,240,42],11,[212,387,49,278,213,42],12,[389,387,42,355,11,41],"4113957",[391,387,49,392,393,42],"4114044","project\u002Fmixed\u002Fexecution","avojro",[395,387,42,355,11,41],"4114162",[397,387,49,278,398,42],"4113962","jeremyarussell",[113,33,39,284,114,42],[401,33,42,292,11,41],"4114298",[403,404,49,405,406,42],"4113972",14,"project\u002Fneutral\u002Fnone","untog",[408,404,49,278,409,42],"4113989","egonschiele",[411,404,49,392,406,42],"4114000",[413,404,42,278,11,41],"4114023",[415,404,49,278,416,42],"4115920","nlh",[418,404,49,298,378,42],"4121090",[420,404,42,421,422,42],"4114092","other\u002Fneutral\u002Fnone","PidGin128",[424,404,42,421,425,42],"4114641","abhaga",[427,404,42,278,11,41],"4114003",[101,429,39,347,102,42],15,[431,429,42,278,11,41],"4117337",[61,34,39,284,62,42],[434,34,42,421,435,42],"4114040","luiperd",[437,34,42,421,438,42],"4114483","joshnh",[166,440,41,352,167,42],17,[442,440,42,265,11,41],"4114515",[444,445,41,287,446,42],"4116935",18,"benblodgett",[120,448,39,281,121,42],19,[450,451,41,352,452,42],"4114542",20,"biot",[454,451,42,265,11,41],"4114657",[155,456,41,290,156,42],21,[458,456,42,316,459,42],"4113915","fredsters_s",[461,456,49,298,406,42],"4113970",[463,456,39,284,459,42],"4114033",[465,456,41,290,156,42],"4114035",[467,456,42,271,11,41],"4114323",[469,456,41,290,470,42],"4114578","melvinmt",[472,473,39,474,475,42],"4117586",22,"project\u002Fpositive\u002Fnone","jashkenas",[144,31,49,255,145,42],[478,479,49,261,480,42],"4114094",24,"capex",[205,482,49,278,206,42],25,[484,32,39,347,485,42],"4114347","alexwolfe",[487,32,42,265,11,41],"4114352",[170,16,41,489,171,42],"project\u002Fcritical\u002Fperformance",[196,243,49,405,197,42],[492,243,49,405,493,42],"4113895","mcolyer",[495,243,39,496,398,42],"4114002","maker\u002Fpositive\u002Fpricing",[220,498,49,499,221,42],29,"project\u002Fmixed\u002Fnone",[501,502,39,503,504,42],"4113939",30,"maker\u002Fpositive\u002Fnone","yesimahuman",[506,502,42,265,11,41],"4113968",[508,509,41,287,510,42],"4114501",31,"dgcoffman",[162,512,41,352,163,42],32,[514,512,42,278,11,41],"4114050",[516,517,49,518,519,42],"4114084",33,"project\u002Fneutral\u002Fdesign","sycren",[521,517,42,518,11,41],"4114093",[523,517,49,518,524,42],"4114138","sprobertson",[232,526,41,287,233,42],34,[80,526,42,298,11,41],[529,526,49,298,530,42],"4114694","pazimzadeh",[532,533,39,284,459,42],"4113920",35,[535,533,41,287,536,42],"4114158","hexvector",[538,533,42,298,11,41],"4114287",[540,533,49,298,510,42],"4119092",[542,543,49,518,544,42],"4114022",36,"btucker",[546,543,42,518,11,41],"4114042",[548,549,39,474,550,42],"4113978",37,"kposehn",[105,552,39,347,106,42],38,[554,555,39,474,556,42],"4114626",39,"chrisrickard",[558,559,49,298,560,42],"4114024",40,"bretthellman",[562,563,39,474,564,42],"4113942",41,"ukd1",[566,563,39,503,567,42],"4115216","niico",[],[570,574,579,584,589,594],{"id":571,"name":572,"points":573,"category":20},"4137820","Action.io",210,{"id":575,"name":576,"points":577,"category":578},"4123523","Redis Dashboard",194,"infrastructure",{"id":580,"name":581,"points":582,"category":583},"4110686","Samo Colors",94,"creative",{"id":585,"name":586,"points":587,"category":588},"4112286","WakeMyself",76,"consumer_social",{"id":590,"name":591,"points":592,"category":593},"4127094","Stairway",68,"productivity",{"id":595,"name":596,"points":597,"category":598},"4124269","EdgeKick",58,"data",false,"v2",{"id":602,"name":5,"line":6,"ai":599,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":603,"top":18,"kw":604,"maker":11,"domain":10,"tier":19,"attempts":42,"strip":605,"url":9,"mix":606,"praise":94,"objection":125,"sub":21},4113866,0.07,[24,25,26,27],"3334335033343315133533551213333451313355",[31,32,33,34],1794036497103]