[{"data":1,"prerenderedAt":677},["ShallowReactive",2],{"project-5407499":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":51,"what":52,"said":119,"maker_in_thread":239,"shape":246,"grid":249,"attempts":640,"same_week":641,"maker_shows":18,"maker_hidden":669,"reader_version":670,"card":671},"5407499","Webflow","Design responsive websites visually","title","Show HN: Webflow - Design responsive websites visually","http:\u002F\u002Fplayground.webflow.com?s=hn","playground.webflow.com","callmevlad",1363790409,2013,503,132,11,1739,1,"legend","dev_tools","visual website design tool","web_app",[24,25,26,27],"responsive design","visual css editor","website builder","css playground","mixed",0.279,{"positive":31,"neutral":32,"mixed":33,"critical":34},43,27,8,16,94,{"design":37,"pricing":40,"performance":42,"execution":43,"privacy":44,"idea":46,"docs":47},{"positive":38,"critical":39},9,4,{"positive":41,"critical":18},3,{"positive":41,"critical":39},{"positive":38,"critical":39},{"positive":45,"critical":45},0,{"positive":16,"critical":41},{"positive":45,"critical":45},[49,18,49,49,49,49,49,49,18,49,18,18,41,49,49,41,41,49,41,41,41,41,50,50,41,49,49,49,41,41,18,41,49,49,41,49,39,49,49,41],5,2,null,{"problem":53,"audience":69,"pricing":81,"motivation":91,"time_to_build":99,"stack":105,"openness":116,"stage":117,"team_size":118},{"value":54,"source":55,"evidence":56},"Designing responsive websites visually without hand-writing CSS","inferred",[57,61,65],{"id":58,"by":59,"text":60},"5407655","nlh","Congrats guys. I haven't had a chance to check out the full thing yet (reading HN on my iPad) but from a quick glance it looks incredibly thorough and well-done. I think there…",{"id":62,"by":63,"text":64},"5407752","joonix","This is awesome, bookmarked. This will help me because I've always struggled with CSS since I never sat down and actually learned it. Just one thing - much of the text doesn't…",{"id":66,"by":67,"text":68},"5408708","klemmytheklam","Disclaimer, I'm not a designer and don't know much css. When I look at that wall of buttons I don't know how to use them to do what I want. I feel like if I knew css, I could…",{"value":70,"source":55,"evidence":71},"Designers and front-end developers, including non-coders",[72,76,77],{"id":73,"by":74,"text":75},"5407648","mnicole","Holy wow, great work guys! This is exactly the type of tool a lot of designers are looking for to bridge the gap between design and code (or at least get their feet wet before…",{"id":62,"by":63,"text":64},{"id":78,"by":79,"text":80},"5409735","bgnm2000","As a UX engineer & designer, I think this looks great. I could imagine many non-engineers or non-designers using it. However, the right side seems to be too unintuitive even for…",{"value":82,"source":83,"evidence":84},"Planned subscription to create and host sites; pay-as-you-go also considered","maker",[85,88],{"id":86,"by":11,"text":87},"5407622","Thank you! It's still early, but we're planning on offering a subscription service to create\u002Fimport sites and host them on our platform.",{"id":89,"by":11,"text":90},"5409514","Love the edit :) We're actually big fans of the MailChimp pricing model (both pay-as-you go and monthly options), so it's a possibility. About Bootstrap, the current demo already…",{"value":92,"source":93,"evidence":94},"Give designers tools so they don't have to worry about frameworks","commenter",[95],{"id":96,"by":97,"text":98},"5409534","thesergie","Thanks! These are some of the questions we've been mulling over. We are working on importing existing CSS, but as far as importing the framework - that's another hurdle. We will…",{"value":100,"source":83,"evidence":101},"Seven months of full-time work by the two founders",[102],{"id":103,"by":11,"text":104},"5407586","Co-founder here. My brother and I quit our jobs 7 months ago, and have been working on this day and night off of our savings since then. The CSS Playground is a preview of our…",[106,112],{"value":107,"source":83,"evidence":108},"Node.js with Express on the backend",[109],{"id":110,"by":11,"text":111},"5408355","Sure! It's Node.js (pretty vanilla Express) on the backend, but most of the heavy lifting is in the browser. After trying Angular, Backbone and Ember, we settled on KnockoutJS…",{"value":113,"source":83,"evidence":114},"KnockoutJS in the browser",[115],{"id":110,"by":11,"text":111},"unknown","beta","team",{"praise":120,"objections":129,"requests":171,"questions":193,"alternatives":208},[121],{"value":122,"source":93,"evidence":123},"Useful for designers bridging design and code",[124,125],{"id":73,"by":74,"text":75},{"id":126,"by":127,"text":128},"5407694","johnnyn","This is so well done. Really impressive. It seems like a great tool for both designers and developers. The more I develop responsive sites, the more I realize how difficult and…",[130,145,156],{"value":131,"source":93,"evidence":132},"Hosting lock-in; users want to export their designs",[133,137,141],{"id":134,"by":135,"text":136},"5407864","digitalengineer","Looks great! One thing: Please don't force me to host my stuff with you. I'd rather pay twice to have the freedom to dl my designs. Also: Let me pay-as-I-go. As a designer I'd…",{"id":138,"by":139,"text":140},"5407923","ActVen","Great work! I agree that importing a current site\u002Fdesign would be a killer feature. But, forcing to host is a non-starter...and would probably cause more issues for your company…",{"id":142,"by":143,"text":144},"5409304","marcosdumay","Count me as another vote for exporting the data. I wouldn't hire your hosting, but I'd take a look at it if it was an independent tool. Anyway, I'm signing for updates because I…",{"value":146,"source":83,"evidence":147},"Only works in Chrome at launch; Firefox and Safari quirks",[148,149,152],{"id":103,"by":11,"text":104},{"id":150,"by":11,"text":151},"5407839","There are still a few quirks in Safari, but since it's Webkit it does mostly work. Thank you!",{"id":153,"by":154,"text":155},"5408401","prelud","\"The Webflow CSS Playground currently works in Google Chrome and Chrome Canary.\" Another fine example of how Chrome is the new IE6...",{"value":157,"source":93,"evidence":158},"Does not work well on mobile devices",[159,163,167],{"id":160,"by":161,"text":162},"5407816","polskibus","Doesnt flow right on my htc desire. Both horizontal and vertical orientation. Seems like the width is always larger than the screen.",{"id":164,"by":165,"text":166},"5408813","kdazzle","It doesn't really work on an iPhone. Not super responsive to my trying to scroll. But I'm excited to check it out otherwise.",{"id":168,"by":169,"text":170},"5407751","d2ncal","Doesnt seem to work on android + chrome.",[172,176,185],{"value":173,"source":83,"evidence":174},"Ability to export code",[175],{"id":103,"by":11,"text":104},{"value":177,"source":93,"evidence":178},"Import existing CSS and frameworks such as Bootstrap",[179,183,184],{"id":180,"by":181,"text":182},"5407835","wheaties","Very well done. Without looking at the docs (sorry) can you import existing css files and full-on frameworks? That's the #1 thing I'd be looking to use. jsFiddle is great but the…",{"id":134,"by":135,"text":136},{"id":96,"by":97,"text":98},{"value":186,"source":93,"evidence":187},"Pay-as-you-go pricing",[188,189],{"id":134,"by":135,"text":136},{"id":190,"by":191,"text":192},"5408428","mkeung","what about also basing it on saved designs? the first x are free, then it costs y for additional",[194,201],{"value":195,"source":93,"evidence":196},"How the product will be monetized",[197],{"id":198,"by":199,"text":200},"5407601","massarog","Super awesome and very well done, just played with this for a couple minutes..love how you can choose the different platforms on the left and side and when you click on an…",{"value":202,"source":93,"evidence":203},"Release date",[204],{"id":205,"by":206,"text":207},"5407760","hadem","This is very impressive! I'd love to use this on new projects. I have some new projects coming up just around the corner. Do you have any ideas when you plan to release?",[209,220,228,232],{"value":210,"source":93,"evidence":211},"Jetstrap",[212,216],{"id":213,"by":214,"text":215},"5407774","yesimahuman","Hey guys, looks really awesome. I built Jetstrap (http:\u002F\u002Fjetstrap.com\u002F) which is attacking the problem in a different way for probably a different type of user, but this is…",{"id":217,"by":218,"text":219},"5410841","uxabhishek","Lots of companies I know use a custom version of bootstrap as their styleguide\u002Fpattern library. I'd pay a lot for a functionality that can enable us to use our visually different…",{"value":221,"source":93,"evidence":222},"Divshot and Easel",[223,227],{"id":224,"by":225,"text":226},"5408146","webwielder","Divshot vs. Easel vs. Webflow: Go.",{"id":217,"by":218,"text":219},{"value":229,"source":93,"evidence":230},"Adobe Edge Reflow",[231],{"id":217,"by":218,"text":219},{"value":233,"source":93,"evidence":234},"Stylizer",[235],{"id":236,"by":237,"text":238},"5408104","fduran","Looks very nice, reminds me of http:\u002F\u002Fwww.stylizerapp.com\u002F with added mobile\u002Fresponsive",{"comments":240,"answered":241,"key":242},24,10,[243,244,245],{"id":103,"text":104},{"id":86,"text":87},{"id":89,"text":90},{"commenters":247,"max_depth":49,"maker_replies":240,"first_comment_mins":38,"lifespan_hours":248},93,129,[250,252,254,256,258,259,261,263,267,269,271,273,274,277,280,283,287,290,293,296,298,301,303,307,309,312,315,319,322,326,329,333,336,337,339,343,346,349,352,355,357,360,362,365,367,368,369,372,376,379,382,383,385,389,392,396,400,402,404,407,409,414,416,417,420,424,428,432,437,439,441,443,448,452,455,460,463,465,468,471,473,475,479,480,483,486,490,493,496,499,503,505,508,510,512,516,518,522,526,528,530,532,536,538,542,546,548,552,556,560,564,568,572,574,576,580,584,588,592,596,598,601,605,607,611,615,619,623,627,631,635,637],[103,45,45,251,11,18],"project\u002Fneutral\u002Fnone",[198,45,49,253,199,45],"project\u002Fpositive\u002Fdesign",[86,45,45,255,11,18],"maker\u002Fneutral\u002Fpricing",[134,45,41,257,135,45],"project\u002Fmixed\u002Fpricing",[89,45,45,255,11,18],[138,45,18,260,139,45],"project\u002Fcritical\u002Fpricing",[190,45,41,262,191,45],"project\u002Fneutral\u002Fpricing",[264,45,49,265,266,45],"5407677","project\u002Fpositive\u002Fperformance","mcdowall",[150,45,45,268,11,18],"maker\u002Fneutral\u002Fperformance",[205,45,49,270,206,45],"project\u002Fpositive\u002Fnone",[180,45,41,272,181,45],"project\u002Fneutral\u002Fexecution",[96,45,41,272,97,45],[275,45,49,270,276,45],"5408332","JPKab",[278,45,45,279,11,18],"5409604","maker\u002Fpositive\u002Fnone",[281,45,49,279,282,45],"5408668","ameen",[284,45,49,285,286,45],"5409314","project\u002Fpositive\u002Fexecution","aeon10",[288,45,45,289,11,18],"5409570","maker\u002Fneutral\u002Fnone",[291,45,49,265,292,45],"5408784","uribs",[294,45,49,279,295,45],"5408991","nickfrost",[297,45,45,289,11,18],"5409740",[299,45,49,253,300,45],"5409181","Sakes",[142,45,41,302,143,45],"project\u002Fmixed\u002Fprivacy",[304,45,49,305,306,45],"5409684","project\u002Fpositive\u002Fidea","msoad",[308,45,45,289,11,18],"5409976",[310,45,49,270,311,45],"5411104","modarts",[313,45,49,253,314,45],"5412418","loceng",[316,18,18,317,318,45],"5408465","project\u002Fcritical\u002Fidea","bryanh",[320,18,45,321,11,18],"5408544","maker\u002Fneutral\u002Fidea",[323,18,41,324,325,45],"5409094","project\u002Fneutral\u002Fidea","stuffihavemade",[327,18,45,328,11,18],"5409413","maker\u002Fneutral\u002Fexecution",[330,18,45,331,332,45],"5409813","other\u002Fneutral\u002Fnone","msutherl",[334,18,49,305,335,45],"5409794","michaelpinto",[73,50,41,257,74,45],[338,41,18,317,225,45],"5408261",[340,41,45,341,342,45],"5408294","commenter\u002Fneutral\u002Fnone","marknutter",[344,41,45,345,225,45],"5408331","commenter\u002Fneutral\u002Fidea",[347,41,45,345,348,45],"5408370","artursapek",[350,41,18,351,225,45],"5408389","project\u002Fcritical\u002Fperformance",[353,41,45,354,348,45],"5408413","commenter\u002Fneutral\u002Fperformance",[356,41,45,268,11,18],"5409444",[358,41,41,272,359,45],"5411218","path411",[361,41,45,341,225,45],"5408476",[363,41,45,341,364,45],"5408604","lignuist",[366,41,45,341,11,18],"5410713",[126,39,49,305,127,45],[224,49,45,331,225,45],[370,49,45,331,371,45],"5408360","asilis",[373,374,49,253,375,45],"5408488",6,"serkanyersen",[217,377,41,378,218,45],7,"project\u002Fmixed\u002Fidea",[380,377,41,381,97,45],"5419507","maker\u002Fneutral\u002Fdesign",[213,33,45,331,214,45],[384,33,45,279,11,18],"5407863",[386,38,18,387,388,45],"5423514","project\u002Fcritical\u002Fdesign","notmuchtotell",[390,241,49,305,391,45],"5408882","porker",[393,16,49,394,395,45],"5408417","project\u002Fpositive\u002Fpricing","maxbrown",[397,398,18,351,399,45],"5410022",12,"rye",[58,401,49,305,59,45],13,[403,401,45,289,11,18],"5407709",[405,401,49,270,406,45],"5407872","paulmckeever",[408,401,45,279,11,18],"5407961",[410,411,49,412,413,45],"5409595",14,"maker\u002Fpositive\u002Fexecution","jplur",[66,415,18,387,67,45],15,[153,34,18,351,154,45],[418,34,45,341,419,45],"5409274","nobleach",[421,422,41,378,423,45],"5413651",17,"pknight",[425,426,49,394,427,45],"5408337",18,"justplay",[429,430,45,331,431,45],"5408303",19,"tnorthcutt",[433,434,41,435,436,45],"5409364",20,"maker\u002Fneutral\u002Fdocs","shurcooL",[438,434,41,435,97,45],"5409478",[440,434,41,435,436,45],"5409939",[442,434,41,435,97,45],"5419287",[444,445,41,446,447,45],"5407581",21,"project\u002Fmixed\u002Fdesign","ErikRogneby",[449,450,41,324,451,45],"5416570",22,"SamirSam",[453,450,41,454,97,45],"5419557","project\u002Fneutral\u002Fdesign",[456,457,18,458,459,45],"5407880",23,"project\u002Fcritical\u002Fexecution","ajaxguy",[461,457,18,458,462,45],"5407973","wodow",[464,457,45,328,11,18],"5410690",[466,457,18,458,467,45],"5413485","labinder",[469,240,49,305,470,45],"5408218","jimmybook",[62,472,41,446,63,45],25,[474,472,45,381,11,18],"5408125",[476,477,41,328,478,45],"5408280",26,"Kiro",[110,477,45,328,11,18],[481,477,49,412,482,45],"5408511","stevensanderson",[484,477,41,328,485,45],"5408539","bsaul",[487,477,49,488,489,45],"5408734","maker\u002Fpositive\u002Fperformance","ktavera",[491,477,45,492,11,18],"5409713","project\u002Fmixed\u002Fperformance",[494,477,41,328,495,45],"5409443","tharshan09",[497,477,49,412,498,45],"5412745","stackthatcode",[500,477,49,501,502,45],"5408369","maker\u002Fpositive\u002Fdesign","henbo",[504,477,41,381,97,45],"5409215",[506,32,49,394,507,45],"5417886","jdrummond",[78,509,41,446,79,45],28,[511,509,45,381,11,18],"5411068",[513,514,41,454,515,45],"5414492",29,"toddmorey",[517,514,41,381,97,45],"5419369",[519,520,49,253,521,45],"5411214",30,"locusm",[523,524,18,317,525,45],"5408595",31,"mrtksn",[236,527,41,324,237,45],32,[160,529,18,387,161,45],33,[531,529,45,381,11,18],"5407853",[533,534,41,262,535,45],"5407966",34,"mkr-hn",[164,537,18,387,165,45],35,[539,540,49,285,541,45],"5422327",36,"nerdbites",[543,544,41,454,545,45],"5408880",37,"eob",[547,544,45,381,11,18],"5409429",[549,550,49,305,551,45],"5408976",38,"duiker101",[553,554,41,324,555,45],"5411551",39,"sfaruque",[557,558,49,305,559,45],"5408623",40,"js-coder",[561,562,49,285,563,45],"5409189",41,"ttcbj",[565,566,41,289,567,45],"5408015",42,"faramarz",[569,31,49,570,571,45],"5408039","maker\u002Fpositive\u002Fidea","ebahnx",[573,31,45,341,286,45],"5409191",[575,31,45,341,11,18],"5410721",[577,578,41,328,579,45],"5408508",44,"mtmcfarl",[581,582,41,328,583,45],"5409583",45,"mangoren",[585,586,49,305,587,45],"5440496",46,"frankyoo",[589,590,49,285,591,45],"5409617",47,"IznastY",[593,594,49,253,595,45],"5409548",48,"Axsuul",[168,597,18,351,169,45],49,[599,600,45,331,364,45],"5408193",50,[602,603,49,253,604,45],"5409139",51,"blufox",[606,603,41,381,97,45],"5409483",[608,609,49,253,610,45],"5408615",52,"damniatx",[612,613,49,285,614,45],"5409799",53,"xfour",[616,617,49,285,618,45],"5407678",54,"leeoniya",[620,621,49,305,622,45],"5408185",55,"eurodance",[624,625,49,279,626,45],"5408846",56,"webosb",[628,629,49,270,630,45],"5407799",57,"jumpbug",[632,633,18,458,634,45],"5408056",58,"martinced",[636,633,45,328,11,18],"5408116",[638,639,41,324,292,45],"5408833",59,[],[642,647,651,656,661,665],{"id":643,"name":644,"points":645,"category":646},"5395463","XKCD-inspired StackSort",948,"languages",{"id":648,"name":649,"points":650,"category":20},"5380056","Intro.js",716,{"id":652,"name":653,"points":654,"category":655},"5372183","CupidWithFriends",200,"web_saas",{"id":657,"name":658,"points":659,"category":660},"5377130","Replace Reader",175,"productivity",{"id":662,"name":663,"points":664,"category":20},"5386713","Advanced Namespace Tools (ANTS)",131,{"id":666,"name":667,"points":668,"category":646},"5390954","np",122,false,"v2",{"id":672,"name":5,"line":6,"ai":669,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":673,"top":18,"kw":674,"maker":11,"domain":10,"tier":19,"attempts":45,"strip":675,"url":9,"mix":676,"praise":122,"objection":131,"sub":21},5407499,0.28,[24,25,26,27],"5155555515113553353333223555331355354553",[31,32,33,34],1794036505094]