[{"data":1,"prerenderedAt":246},["ShallowReactive",2],{"project-2474441":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":33,"aspects":34,"strip":39,"post_text":41,"what":42,"said":69,"maker_in_thread":148,"shape":158,"grid":162,"attempts":208,"same_week":209,"maker_shows":31,"maker_hidden":238,"reader_version":239,"card":240},"2474441","Less Boilerplate","my boilerplate CSS code for new designs, written in Less.","title","Show HN: my boilerplate CSS code for new designs, written in Less.","http:\u002F\u002Fmgeraci.github.com\u002FLess-Boilerplate\u002F","mgeraci.github.com","mgeraci",1303487624,2011,108,19,92,1097,9,"notable","dev_tools","css boilerplate","library",[24,25,21,26],"less css","css3 mixins","gradients","mixed",0.286,{"positive":30,"neutral":30,"mixed":31,"critical":32},3,2,0,8,{"design":35,"idea":36,"docs":38},{"positive":31,"critical":32},{"positive":37,"critical":32},1,{"positive":32,"critical":32},[32,32,32,30,32,30,30,32,32,40,32,30,32,32,40,30,32,32,40],5,null,{"problem":43,"audience":53,"pricing":41,"motivation":41,"time_to_build":41,"stack":60,"openness":66,"stage":67,"team_size":68},{"value":44,"source":45,"evidence":46},"Repeated CSS3 boilerplate code for new designs","inferred",[47,49],{"id":48},"post",{"id":50,"by":51,"text":52},"2474776","kaylarose","I really like the .transition, and the attention to browser support in .gradientH and .gradientV. Very nice touch! Tiny nitpick: IMO the call to action styles doesn't belong…",{"value":54,"source":45,"evidence":55},"Web developers writing CSS without a framework",[56,57],{"id":50,"by":51,"text":52},{"id":58,"by":11,"text":59},"2474813","Most of the CSS3 browser compatibility came from Paul Irish's awesome CSS3please tool (http:\u002F\u002Fcss3please.com\u002F). You should definitely check it out if you're coding css without a…",[61],{"value":62,"source":63,"evidence":64},"Less","maker",[65],{"id":48},"open_source","launched","unknown",{"praise":70,"objections":87,"requests":99,"questions":122,"alternatives":127},[71,76,80],{"value":72,"source":73,"evidence":74},"Browser compatibility handling in gradient and transition mixins","commenter",[75],{"id":50,"by":51,"text":52},{"value":77,"source":73,"evidence":78},"Lighter than Bootstrap",[79],{"id":50,"by":51,"text":52},{"value":81,"source":73,"evidence":82},"Clean, slick design",[83],{"id":84,"by":85,"text":86},"2474810","mgkimsal","Very slick looking - thanks for sharing!",[88,92],{"value":89,"source":73,"evidence":90},"Call to action button styles too specific for a generic boilerplate",[91],{"id":50,"by":51,"text":52},{"value":93,"source":73,"evidence":94},"Border radius helper naming unclear",[95],{"id":96,"by":97,"text":98},"2475870","defroost","I've been using sass and going kind of mixin crazy in my latest project. Once you discover all the various CSS3 generators online, creating good-looking mixins is absolutely…",[100,110,115],{"value":101,"source":73,"evidence":102},"Add color stops to gradients",[103,107],{"id":104,"by":105,"text":106},"2475117","bitsm","Nice work. A few things you might consider adding: 1. color stops on gradients are very useful, especially if you use them to denote button states, for example 2. drop shadows…",{"id":108,"by":11,"text":109},"2475128","Yes, and yes. These are both now on my list. Thanks!",{"value":111,"source":73,"evidence":112},"Add inset drop shadows",[113,114],{"id":104,"by":105,"text":106},{"id":108,"by":11,"text":109},{"value":116,"source":73,"evidence":117},"Sass version",[118],{"id":119,"by":120,"text":121},"2474636","ihumanable","Anything like this for SASS that isn't Compass?",[123],{"value":124,"source":73,"evidence":125},"Is there something like this for Sass that isn't Compass?",[126],{"id":119,"by":120,"text":121},[128,136,144],{"value":129,"source":73,"evidence":130},"Compass",[131,132],{"id":119,"by":120,"text":121},{"id":133,"by":134,"text":135},"2475490","nathos","I'd highly recommend Compass, but I did a quick & dirty conversion of this to Sass: https:\u002F\u002Fgithub.com\u002Fnathos\u002FSass-Boilerplate Please log issues if I goofed anything :) I haven't…",{"value":137,"source":73,"evidence":138},"Bootstrap",[139,143],{"id":140,"by":141,"text":142},"2474540","rgbrgb","This might also be of interest to anyone looking for less boilerplate code... http:\u002F\u002Fmarkdotto.com\u002Fbootstrap\u002F",{"id":50,"by":51,"text":52},{"value":145,"source":73,"evidence":146},"Sass-Boilerplate port",[147],{"id":133,"by":134,"text":135},{"comments":149,"answered":31,"key":150},6,[151,154,157],{"id":152,"text":153},"2475164","1) I agree. I made the H1 the same color as the examples (close to white, with some cream) and reduced the size of the H2s. 2) I agree that the navigation and H2s should have a…",{"id":155,"text":156},"2477708","I just updated the script with 3- and 4-color gradients, and with the call to action button as a helper method with color as a parameter. Thanks for the suggestions!",{"id":58,"text":59},{"commenters":159,"max_depth":30,"maker_replies":149,"first_comment_mins":160,"lifespan_hours":161},14,35,30,[163,167,169,173,175,177,179,180,183,184,187,188,189,190,192,196,201,204,207],[164,32,32,165,166,32],"2474894","other\u002Fneutral\u002Fnone","chegra84",[152,32,32,168,11,37],"commenter\u002Fneutral\u002Fnone",[170,32,32,171,172,32],"2475172","other\u002Fcritical\u002Fdesign","theoj",[96,37,30,174,97,32],"project\u002Fmixed\u002Fdesign",[155,37,32,176,11,37],"maker\u002Fneutral\u002Fnone",[119,31,30,178,120,32],"project\u002Fneutral\u002Fnone",[133,31,30,178,134,32],[181,31,32,165,182,32],"2476065","ch0wn",[140,30,32,165,141,32],[50,185,40,186,51,32],4,"project\u002Fpositive\u002Fdesign",[58,185,32,176,11,37],[104,40,30,174,105,32],[108,40,32,176,11,37],[191,40,32,176,11,37],"2477712",[193,149,40,194,195,32],"2476548","project\u002Fpositive\u002Fidea","awad",[197,198,30,199,200,32],"2475076",7,"project\u002Fneutral\u002Fdocs","tsigo",[202,198,32,203,11,37],"2475086","maker\u002Fneutral\u002Fdocs",[205,33,32,165,206,32],"2475985","Hipchan",[84,18,40,186,85,32],[],[210,215,219,224,229,233],{"id":211,"name":212,"points":213,"category":214},"2480946","Hacker Typer",160,"games",{"id":216,"name":217,"points":218,"category":20},"2481287","Codr.cc",135,{"id":220,"name":221,"points":222,"category":223},"2473941","ec2instances.info",122,"infrastructure",{"id":225,"name":226,"points":227,"category":228},"2488142","Instafilm",87,"productivity",{"id":230,"name":231,"points":232,"category":214},"2469865","Garden Madness",53,{"id":234,"name":235,"points":236,"category":237},"2474008","my new project",46,"consumer_social",false,"v2",{"id":241,"name":5,"line":6,"ai":238,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":242,"top":18,"kw":243,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":244,"url":9,"mix":245,"praise":72,"objection":89,"sub":21},2474441,0.29,[24,25,21,26],"0003033005030053005",[30,30,31,32],1793990872384]