[{"data":1,"prerenderedAt":391},["ShallowReactive",2],{"project-4755236":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":45,"post_text":46,"what":47,"said":67,"maker_in_thread":210,"shape":219,"grid":223,"attempts":353,"same_week":354,"maker_shows":38,"maker_hidden":383,"reader_version":384,"card":385},"4755236","Easel","Use Easel to style and build Bootstrap interfaces","title","Show HN: Use Easel to style and build Bootstrap interfaces","http:\u002F\u002Fwww.easel.io\u002Fbootstrap","easel.io","mcolyer",1352323157,2012,183,52,92,1677,6,"notable","dev_tools","visual web design builder","web_app",[24,25,26,27,28],"bootstrap","visual editor","web design","css","prototyping","debated",0.104,{"positive":32,"neutral":32,"mixed":33,"critical":34},9,5,8,31,{"design":37,"docs":40,"idea":42,"execution":43,"performance":44},{"positive":38,"critical":39},1,3,{"positive":41,"critical":41},0,{"positive":33,"critical":38},{"positive":38,"critical":39},{"positive":41,"critical":38},[33,41,41,39,39,41,39,39,41,38,33,41,38,39,39,41,39,39,39,33,41,41,41,41,39,33,33,39,41,39,41,33,38,38,33,33,39,38,41,38],null,{"problem":48,"audience":55,"pricing":46,"motivation":59,"time_to_build":46,"stack":63,"openness":64,"stage":65,"team_size":66},{"value":49,"source":50,"evidence":51},"Building responsive Bootstrap layouts visually without writing HTML and CSS by hand","maker",[52],{"id":53,"by":11,"text":54},"4756054","Thanks Eli, we've actually been shipping for the past several months but it's good to get such a large new feature out the door none the less. This is great feedback, we've…",{"value":56,"source":50,"evidence":57},"Designers and developers who know HTML and CSS",[58],{"id":53,"by":11,"text":54},{"value":60,"source":50,"evidence":61},"Let savvy designers design rather than code responsive interfaces",[62],{"id":53,"by":11,"text":54},[],"unknown","launched","team",{"praise":68,"objections":103,"requests":139,"questions":169,"alternatives":185},[69,81,92],{"value":70,"source":71,"evidence":72},"Strong visual design and good first impression","commenter",[73,77],{"id":74,"by":75,"text":76},"4755921","skyhook_mockups","Congratulations for shipping! It's a huge milestone to reach and I'm sure it is nerve wracking to press that submit button on a 'Show HN' Here are some of my observations after…",{"id":78,"by":79,"text":80},"4756271","nemesis1637","Very cool indeed. I spent about 20 mins messing around and was thoroughly impressed. I typically use Balsamiq Mockups but will have to try this for my next project.",{"value":82,"source":71,"evidence":83},"Saves time compared to coding layouts by hand",[84,88],{"id":85,"by":86,"text":87},"4755516","neya","You should post a simple guided tour like how Yahoo does for their first time E-mail users or how google does for the new compose button. The app itself is excellent and your…",{"id":89,"by":90,"text":91},"4757770","joewee","Really awesome work. Saved me about a month of work! You can count me as a customer.",{"value":93,"source":71,"evidence":94},"Zip export and styling flexibility",[95,99],{"id":96,"by":97,"text":98},"4756599","shredfvz","Things I like about Easel: - Zipfile export contains everything you need to demo your site with a web server - The UI. It's simple and elegant [1] in its most minimal…",{"id":100,"by":101,"text":102},"4756320","mrbogle","To answer the original question, we offer 2 things beyond the competitors: More flexibility: You can style elements, and you dont need to use the bootstrap containers (or…",[104,122,134],{"value":105,"source":71,"evidence":106},"Interface is confusing and overwhelming for new users",[107,111,115,118],{"id":108,"by":109,"text":110},"4755325","mrchess","It's a cool piece of engineering, but feels feature bloated to me. I am genuinely confused with the interface. My only feedback would be to make it simpler by removing or hiding…",{"id":112,"by":113,"text":114},"4755457","mrgreenfur","Pretty awesome app. The interface is a little confusing and it's annoying to see a welcome note on every visit. Consider adding tips to give new users a quick overview of how it…",{"id":116,"by":109,"text":117},"4755438","I don't think a tutorial would help. The feeling is similar is that of being thrown into Photoshop. Here's a couple initial thoughts after playing for 30 minutes: 1. Not sure…",{"id":119,"by":120,"text":121},"4755466","mion","It looks cool and I'd totally use something like that, but the demo page has too many stuff on it which kinda scared me away.",{"value":123,"source":71,"evidence":124},"Buggy behaviour and slow performance",[125,126,130],{"id":96,"by":97,"text":98},{"id":127,"by":128,"text":129},"4756468","rorrr","It's ok, but there are bugs. After deleting all of elements from the demo project, and inserting a heading and a layout element, I ended up with this:…",{"id":131,"by":132,"text":133},"4755704","mhitza","Stop script | Continue I'll go with the first choice.",{"value":135,"source":71,"evidence":136},"Hard to use on smaller screens due to overlapping panels",[137,138],{"id":74,"by":75,"text":76},{"id":96,"by":97,"text":98},[140,148,155,162],{"value":141,"source":71,"evidence":142},"Guided tour or onboarding for new users",[143,144,145],{"id":112,"by":113,"text":114},{"id":85,"by":86,"text":87},{"id":146,"by":11,"text":147},"4755352","Thanks for the feedback mrchess. It's true that there are many options that appear all at once. Do you think having a tour that highlighted specific next actions would address…",{"value":149,"source":71,"evidence":150},"Better colour selection, including hex code input and swatches",[151],{"id":152,"by":153,"text":154},"4756939","digitalengineer","Designer here. I was just using Easel yesterday before you added Bootstrap. I was trying to work 'visually'. Great first impression. VERY glad to see you've added bootstrap!…",{"value":156,"source":71,"evidence":157},"Web font upload or Typekit integration",[158],{"id":159,"by":160,"text":161},"4756511","liquidcool","Perhaps I missed it, but one thing I didn't see was how to upload or point to new web fonts. That would be very nice.",{"value":163,"source":71,"evidence":164},"Open-source or licensable version for embedding",[165],{"id":166,"by":167,"text":168},"4755620","callmeed","I'd really like to see some sort of open-source or license-able tool like this that can be integrated into other apps or CMS tools. Something packaged up like rich-text editors are",[170,181],{"value":171,"source":71,"evidence":172},"How does it compare to Divshot and Jetstrap",[173,177],{"id":174,"by":175,"text":176},"4755519","sgdesign","Looks great! I'd be curious to know how it compares to Divshot (http:\u002F\u002Fdivshot.com)?",{"id":178,"by":179,"text":180},"4755575","coderdude","Looks like there are now three serious competitors in this space: - Jetstrap (http:\u002F\u002Fjetstrap.com\u002F) - Divshot (http:\u002F\u002Fdivshot.com\u002F) - Easel (https:\u002F\u002Fwww.easel.io\u002F) I could see a…",{"value":182,"source":71,"evidence":183},"How to zoom out or resize elements",[184],{"id":116,"by":109,"text":117},[186,194,199,206],{"value":187,"source":71,"evidence":188},"Divshot",[189,190],{"id":174,"by":175,"text":176},{"id":191,"by":192,"text":193},"4756057","TSR830-10Q","I've been using Jetstrap and Divshot for 2 weeks on a small project. Of the two so far, I've found Divshot has more features and ease of use, yet Jetstrap is very good in its own…",{"value":195,"source":71,"evidence":196},"Jetstrap",[197,198],{"id":178,"by":179,"text":180},{"id":191,"by":192,"text":193},{"value":200,"source":71,"evidence":201},"Adobe Edge Reflow",[202],{"id":203,"by":204,"text":205},"4756161","yesimahuman","Thanks, I built Jetstrap :) To answer the parent, Adobe technically does have a competitor in this space, though it's not focused on bootstrap and it's kind of complicated:…",{"value":207,"source":71,"evidence":208},"Balsamiq Mockups",[209],{"id":78,"by":79,"text":80},{"comments":34,"answered":33,"key":211},[212,215,216],{"id":213,"text":214},"4758545","I'm glad you've found it useful. We're planning on improving the color selection but until then you can actually just paste in the exact hex code if you highlight the current hex…",{"id":53,"text":54},{"id":217,"text":218},"4755483","Thanks mrgreenfur. It's definitely something we're planning on adding in the future. We'll be sure to take a look at tutorialize.me when we get started on it.",{"commenters":35,"max_depth":220,"maker_replies":34,"first_comment_mins":221,"lifespan_hours":222},4,23,24,[224,226,228,231,233,235,237,239,241,244,245,246,248,251,253,255,258,261,263,265,270,273,274,277,281,284,286,288,291,293,294,295,298,301,302,304,306,310,312,317,319,323,326,329,332,334,338,343,345,347,349,351],[152,41,33,225,153,41],"project\u002Fpositive\u002Fdesign",[213,41,41,227,11,38],"maker\u002Fneutral\u002Fdesign",[229,41,41,230,153,41],"4758853","commenter\u002Fneutral\u002Fnone",[74,38,39,232,75,41],"project\u002Fmixed\u002Fdesign",[53,38,41,234,11,38],"maker\u002Fneutral\u002Fidea",[112,236,39,232,113,41],2,[217,236,41,238,11,38],"maker\u002Fneutral\u002Fdocs",[240,236,41,230,113,41],"4755603",[242,236,39,243,101,41],"4755503","project\u002Fneutral\u002Fdocs",[108,39,39,232,109,41],[146,39,41,238,11,38],[116,39,38,247,109,41],"project\u002Fcritical\u002Fdesign",[249,39,38,247,250,41],"4755406","hnwh",[85,220,33,252,86,41],"project\u002Fpositive\u002Fidea",[254,220,41,238,11,38],"4755654",[256,33,38,257,153,41],"4756949","project\u002Fcritical\u002Fidea",[259,33,41,260,101,41],"4758913","commenter\u002Fneutral\u002Fidea",[159,18,39,262,160,41],"project\u002Fneutral\u002Fidea",[264,18,39,234,101,41],"4756533",[266,267,41,268,269,41],"4755390",7,"other\u002Fneutral\u002Fnone","OriginalSyn",[271,267,41,268,272,41],"4756201","alexanderh",[166,34,39,262,167,41],[275,32,39,262,276,41],"4756245","aviswanathan",[278,279,39,232,280,41],"4755544",10,"omegant",[78,282,33,283,79,41],11,"project\u002Fpositive\u002Fnone",[174,285,41,230,175,41],12,[178,285,41,287,179,41],"other\u002Fneutral\u002Fidea",[289,285,41,268,290,41],"4755832","jennyshen",[292,285,41,268,192,41],"4756051",[191,285,41,268,192,41],[203,285,41,287,204,41],[296,285,39,297,101,41],"4756241","maker\u002Fneutral\u002Fexecution",[299,285,33,252,300,41],"4756200","wilfra",[100,285,33,252,101,41],[96,303,39,232,97,41],13,[305,303,39,297,101,41],"4759364",[307,303,41,308,309,41],"4759507","other\u002Fneutral\u002Fexecution","mbleigh",[119,311,38,247,120,41],14,[313,314,33,315,316,41],"4755697",15,"project\u002Fpositive\u002Fexecution","flipside",[318,314,41,238,11,38],"4755759",[320,321,33,322,204,41],"4755327",16,"maker\u002Fpositive\u002Fnone",[131,324,38,325,132,41],17,"project\u002Fcritical\u002Fexecution",[327,324,41,230,328,41],"4757481","epaga",[330,324,38,331,132,41],"4759954","project\u002Fcritical\u002Fperformance",[89,333,33,252,90,41],18,[335,336,33,252,337,41],"4755446",19,"philipmorg",[339,340,39,341,342,41],"4755849",20,"project\u002Fneutral\u002Fdesign","arcatek",[344,340,41,227,11,38],"4755886",[346,340,38,325,342,41],"4755937",[348,340,41,238,11,38],"4755998",[127,350,38,325,128,41],21,[352,350,39,297,101,41],"4756581",[],[355,360,365,369,374,379],{"id":356,"name":357,"points":358,"category":359},"4735162","Cheese Miners: Lunar Supremacy",386,"games",{"id":361,"name":362,"points":363,"category":364},"4737683","QuestionsThree",242,"web_saas",{"id":366,"name":367,"points":368,"category":364},"4743607","EmberAds",112,{"id":370,"name":371,"points":372,"category":373},"4741968","liffect",91,"languages",{"id":375,"name":376,"points":377,"category":378},"4729200","Emergent One",85,"infrastructure",{"id":380,"name":381,"points":382,"category":20},"4744131","Hackalone",72,false,"v2",{"id":386,"name":5,"line":6,"ai":383,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":387,"top":18,"kw":388,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":389,"url":9,"mix":390,"praise":70,"objection":105,"sub":21},4755236,0.1,[24,25,26,27,28],"5003303301501330333500003553030511553101",[32,32,33,34],1793990887372]