[{"data":1,"prerenderedAt":639},["ShallowReactive",2],{"project-8315616":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":46,"post_text":48,"what":49,"said":87,"maker_in_thread":205,"shape":214,"grid":218,"attempts":594,"same_week":603,"maker_shows":471,"maker_hidden":631,"reader_version":632,"card":633},"8315616","Picnic.css","A lightweight Bootstrap alternative","title","Show HN: Picnic.css, a lightweight Bootstrap alternative","http:\u002F\u002Fpicnicss.com\u002F","picnicss.com","franciscop",1410714153,2014,247,143,62,2272,3,"notable","dev_tools","css framework","library",[21,24,25,26],"bootstrap alternative","lightweight css","normalize css","mixed",-0.341,{"positive":30,"neutral":31,"mixed":32,"critical":33},8,19,7,30,64,{"idea":36,"design":39,"execution":42,"performance":44},{"positive":37,"critical":38},4,6,{"positive":40,"critical":41},2,16,{"positive":43,"critical":32},0,{"positive":45,"critical":43},1,[18,18,43,43,43,18,45,18,40,45,18,18,45,40,45,18,18,45,45,45,45,45,45,18,47,45,47,40,45,45,43,43,45,43,45,45,45,47,47,45],5,"I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed",{"problem":50,"audience":57,"pricing":64,"motivation":65,"time_to_build":69,"stack":73,"openness":84,"stage":85,"team_size":86},{"value":51,"source":52,"evidence":53},"Bootstrap is too heavy and opinionated; makes a more complete, semantic alternative to Pure without Bootstrap's size.","maker",[54],{"id":55,"by":11,"text":56},"8320301","Truth be told, I didn't know Min when creating Picnic, but I loved it when I saw it and will try it for sure. The main point of creating Picnic CSS was to make a more complete…",{"value":58,"source":52,"evidence":59},"Front-end developers building quick prototypes or sites with a personal style; maker's users are mostly 18-30 year olds.",[60,61],{"id":55,"by":11,"text":56},{"id":62,"by":11,"text":63},"8320508","Thank you for the interest. I am using it for rapid prototyping and for websites where personalization is not top priority. * I know... I don't think that's achievable with the…",null,{"value":66,"source":52,"evidence":67},"To make a more complete and semantic version than Pure but not as large as Bootstrap.",[68],{"id":55,"by":11,"text":56},{"value":70,"source":52,"evidence":71},"Under 1 week of development.",[72],{"id":55,"by":11,"text":56},[74,80],{"value":75,"source":52,"evidence":76},"CSS",[77],{"id":78,"by":11,"text":79},"8315617","I've tried to keep it as tiny as possible with just under 3kb when gzipped. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed",{"value":81,"source":52,"evidence":82},"Normalize.css",[83],{"id":55,"by":11,"text":56},"open_source","beta","unknown",{"praise":88,"objections":104,"requests":138,"questions":158,"alternatives":170},[89,97],{"value":90,"source":91,"evidence":92},"Fails gracefully without CSS, good for sites needing old browser support","commenter",[93],{"id":94,"by":95,"text":96},"8317610","yellowapple","I really like this, and am considering incorporating it in quite a few sites at this particular moment; so far so good implementation-wise. A huge plus that makes up for the lack…",{"value":98,"source":91,"evidence":99},"Invasive approach means little markup changes needed",[100],{"id":101,"by":102,"text":103},"8315906","mk4p","Nice work; I dig the not-having-to-do-anything approach. One thing -- hovering the demo button seems to affect elements underneath: http:\u002F\u002Fgoo.gl\u002F9vD0D2",[105,112,127,134],{"value":106,"source":91,"evidence":107},"Keyboard and screen reader accessibility poor",[108],{"id":109,"by":110,"text":111},"8317493","danielnixon","Lots of accessibility issues here. * Keyboard accessibility is completely busted (other comments have pointed this out). * Color contrast doesn't meet WCAG 2.0 AA (Bootstrap is…",{"value":113,"source":91,"evidence":114},"Buttons, radio buttons and select styling buggy across browsers",[115,119,123],{"id":116,"by":117,"text":118},"8316165","mcintyre1994","The bit with the checkbox then 2 radios is a bit confusing (chrome\u002Fandroid\u002Fnexus 5) - at the start there's no check in the checkbox, I tap and it checks, I tap to uncheck and it…",{"id":120,"by":121,"text":122},"8315941","ishener","Very nice. Only one thing really bothered me: it's really hard to tell when the radio buttons are selected. I much prefer a full circle when selected",{"id":124,"by":125,"text":126},"8316021","akx","I'm not very okay with the checkbox and radio button styling. I don't think you actually would need to touch those at all...",{"value":128,"source":91,"evidence":129},"Colors too bold",[130],{"id":131,"by":132,"text":133},"8315981","mplewis","Those colors are way too bold.",{"value":135,"source":52,"evidence":136},"Only tested in Firefox and Chrome, no IE8 or older support",[137],{"id":55,"by":11,"text":56},[139,143,147,151],{"value":140,"source":91,"evidence":141},"Fix keyboard and ARIA accessibility",[142],{"id":109,"by":110,"text":111},{"value":144,"source":91,"evidence":145},"Better radio button selected state",[146],{"id":120,"by":121,"text":122},{"value":148,"source":91,"evidence":149},"Hamburger menu colors and thresholds configurable",[150],{"id":94,"by":95,"text":96},{"value":152,"source":91,"evidence":153},"Sass or Less version",[154],{"id":155,"by":156,"text":157},"8315916","eflowers","Also, what about a Less\u002FSass version so the HTML can be even cleaner by using just mixins in the Less\u002FSass to build the grid.",[159,166],{"value":160,"source":91,"evidence":161},"Why use Picnic over Min?",[162],{"id":163,"by":164,"text":165},"8316734","owenversteeg","First of all, I want to say that I like the vibrant colors, small size, and checkable buttons. Smaller (and JS-less) CSS frameworks is something that I've been crusading for for…",{"value":167,"source":91,"evidence":168},"How to change hamburger icon color?",[169],{"id":94,"by":95,"text":96},[171,182,189,193,201],{"value":172,"source":91,"evidence":173},"Bootstrap",[174,178],{"id":175,"by":176,"text":177},"8316652","DigitalSea","In my opinion, the only great thing about Bootstrap is the grid system and form styling, the rest is just useless cruft. As a front-end developer, I see the value in Bootstrap…",{"id":179,"by":180,"text":181},"8315938","wooptoo","Semantic UI is also a great alternative. http:\u002F\u002Fsemantic-ui.com\u002F But again, in a professional setting I would prefer Bootstrap any day. It looks well done, it's easy to…",{"value":183,"source":91,"evidence":184},"Pure CSS",[185],{"id":186,"by":187,"text":188},"8315675","ash","Another lightweight Bootstrap alternative from Yahoo, 4.4KB: http:\u002F\u002Fpurecss.io",{"value":190,"source":91,"evidence":191},"Min",[192],{"id":163,"by":164,"text":165},{"value":194,"source":91,"evidence":195},"Semantic UI",[196,200],{"id":197,"by":198,"text":199},"8316195","computerjunkie","I tried using Bootstrap and other CSS frameworks and (as mentioned in the comments) I felt like I was fighting the frameworks to get it to do what I wanted to do. The problem…",{"id":179,"by":180,"text":181},{"value":202,"source":91,"evidence":203},"Foundation",[204],{"id":175,"by":176,"text":177},{"comments":206,"answered":207,"key":208},29,10,[209,210,213],{"id":55,"text":56},{"id":211,"text":212},"8320019","1. I opened the issue, this definitely needs fixing. 2. Can you share a tool (preferably online) where we can see the color contrast problem, please? How did you check that they…",{"id":78,"text":79},{"commenters":215,"max_depth":216,"maker_replies":206,"first_comment_mins":43,"lifespan_hours":217},77,9,362,[219,221,225,228,232,234,238,242,244,247,249,252,254,256,259,261,264,266,269,272,274,277,280,283,287,290,291,294,298,299,303,307,308,310,312,316,318,320,321,324,327,330,332,335,338,341,345,348,350,352,355,357,359,361,363,367,371,373,376,378,381,384,386,389,391,394,396,397,400,403,405,407,410,412,415,417,420,421,423,425,427,429,431,433,436,438,441,443,446,449,452,454,457,459,461,462,464,469,473,477,479,481,484,486,488,491,495,498,501,504,506,509,511,513,516,518,520,523,526,530,531,533,537,540,542,546,550,552,554,556,558,561,563,566,570,574,576,580,583,585,587,589,590],[163,43,18,220,164,43],"maker\u002Fmixed\u002Fidea",[222,43,43,223,224,43],"8316759","commenter\u002Fneutral\u002Fnone","bnejad",[226,43,18,227,164,43],"8316808","maker\u002Fneutral\u002Fidea",[229,43,18,230,231,43],"8316892","project\u002Fmixed\u002Fnone","exodust",[233,43,43,223,164,43],"8316914",[235,43,43,236,237,43],"8318727","commenter\u002Fneutral\u002Fdesign","mercurial",[239,43,18,240,241,43],"8319674","project\u002Fneutral\u002Fdesign","poxrud",[243,43,43,223,237,43],"8324744",[245,43,43,223,246,43],"8318826","brianzelip",[248,43,43,223,231,43],"8325095",[250,43,43,223,251,43],"8329828","duckmysick",[253,43,43,223,231,43],"8349825",[255,43,43,223,251,43],"8350849",[257,43,43,223,258,43],"8316848","RegEx",[260,43,43,223,164,43],"8316927",[262,43,43,223,263,43],"8318809","sequoia",[265,43,43,223,258,43],"8322263",[267,43,18,240,268,43],"8316856","heyadayo",[270,43,43,271,164,43],"8316858","other\u002Fneutral\u002Fdesign",[273,43,43,271,95,43],"8317072",[275,43,43,271,276,43],"8317099","arsenerei",[278,43,43,223,279,43],"8316888","lsh",[281,43,45,282,164,43],"8317006","project\u002Fcritical\u002Fnone",[284,43,43,285,286,43],"8317061","other\u002Fneutral\u002Fnone","manojlds",[288,43,43,271,289,43],"8319960","jwatte",[55,43,43,227,11,45],[292,43,45,293,164,43],"8321410","project\u002Fcritical\u002Fexecution",[295,43,47,296,297,43],"8322686","project\u002Fpositive\u002Fdesign","swah",[109,45,45,293,110,43],[300,45,18,301,302,43],"8318014","project\u002Fneutral\u002Fexecution","uniclaude",[304,45,18,305,306,43],"8318023","maker\u002Fneutral\u002Fnone","duncans",[211,45,43,305,11,45],[309,45,45,293,110,43],"8321770",[175,40,18,311,176,43],"project\u002Fmixed\u002Fdesign",[313,40,45,314,315,43],"8317341","project\u002Fcritical\u002Fidea","illicium",[317,40,43,285,176,43],"8318012",[319,40,43,223,315,43],"8320110",[78,18,43,305,11,45],[322,18,18,240,323,43],"8315666","coppolaemilio",[325,18,43,326,11,45],"8315710","maker\u002Fneutral\u002Fdesign",[328,18,18,240,329,43],"8315920","SunShiranui",[331,18,43,296,11,45],"8320444",[333,18,45,293,334,43],"8316020","cnp",[336,18,45,293,337,43],"8318225","Jgrubb",[339,18,43,340,11,45],"8320361","maker\u002Fneutral\u002Fexecution",[342,18,45,343,344,43],"8316106","project\u002Fcritical\u002Fdesign","joshvm",[346,18,45,343,347,43],"8316150","sleazebreeze",[349,18,43,240,11,45],"8316197",[351,18,18,240,347,43],"8316251",[353,18,18,240,354,43],"8316636","wuliwong",[356,18,43,240,11,45],"8320389",[358,18,45,314,354,43],"8345997",[360,18,43,305,11,45],"8384621",[362,18,45,343,354,43],"8316642",[364,18,47,365,366,43],"8316965","project\u002Fpositive\u002Fidea","desireco42",[368,18,18,369,370,43],"8317948","project\u002Fneutral\u002Fperformance","ldng",[372,18,43,271,11,45],"8331912",[374,18,18,301,375,43],"8319121","gioele",[377,18,43,301,11,45],"8331873",[379,37,43,285,380,43],"8316308","nagarjun",[382,37,43,223,383,43],"8316533","keithwarren",[385,37,43,223,354,43],"8316631",[387,37,43,223,388,43],"8316599","subsection1h",[390,37,45,293,388,43],"8316634",[392,47,45,343,393,43],"8315737","dewey",[395,47,43,340,11,45],"8315760",[197,38,18,311,198,43],[398,38,45,314,399,43],"8316287","snarkyturtle",[401,38,45,314,402,43],"8316331","notastartup",[404,38,43,223,198,43],"8318198",[406,38,43,223,176,43],"8316659",[408,38,43,285,409,43],"8318363","welly",[411,38,43,285,198,43],"8337992",[413,32,45,343,414,43],"8315796","drinchev",[416,32,43,326,11,45],"8315830",[418,32,43,236,419,43],"8316548","jackmoore",[116,30,45,343,117,43],[422,30,43,340,11,45],"8316178",[424,30,45,343,117,43],"8316247",[426,30,43,326,11,45],"8316271",[186,216,18,428,187,43],"project\u002Fneutral\u002Fidea",[430,216,43,305,11,45],"8315698",[432,216,18,428,187,43],"8315725",[434,216,18,428,435,43],"8315746","progx",[437,216,43,305,11,45],"8315754",[439,216,47,440,435,43],"8317855","maker\u002Fpositive\u002Fnone",[442,216,43,428,11,45],"8315751",[444,216,47,365,445,43],"8316066","service",[447,216,18,448,164,43],"8316733","project\u002Fneutral\u002Fnone",[450,216,18,311,451,43],"8316933","jbail",[453,216,43,223,164,43],"8317009",[455,207,45,343,456,43],"8316041","mdup",[458,207,43,326,11,45],"8316052",[94,460,18,311,95,43],11,[62,460,43,305,11,45],[463,460,47,296,95,43],"8328240",[465,466,47,467,468,43],"8316176",12,"project\u002Fpositive\u002Fperformance","fest",[470,471,45,343,472,43],"8316107",13,"j79",[474,475,45,343,476,43],"8315674",14,"lauriswtf",[478,475,43,340,11,45],"8315695",[120,480,45,343,121,43],15,[482,480,45,343,483,43],"8315949","canadev",[485,480,43,326,11,45],"8315954",[487,480,43,326,11,45],"8315953",[489,41,18,428,490,43],"8315912","SippinLean",[492,493,45,314,494,43],"8316014",17,"egoodberry",[496,493,43,223,497,43],"8316067","namidark",[499,493,43,223,500,43],"8316076","FreakyT",[502,493,43,223,503,43],"8316080","purringmeow",[505,493,43,223,494,43],"8316115",[507,493,43,285,508,43],"8316081","mau",[510,493,43,285,334,43],"8316096",[512,493,43,223,494,43],"8316119",[514,493,43,223,515,43],"8316104","collyw",[517,493,43,223,494,43],"8316122",[519,493,43,223,515,43],"8316147",[521,493,45,314,522,43],"8316281","Silhouette",[524,493,43,285,525,43],"8317007","hhandoko",[527,528,43,285,529,43],"8316771",18,"jjude",[179,31,43,285,180,43],[532,31,43,467,11,45],"8315948",[534,31,43,535,536,43],"8316013","other\u002Fneutral\u002Fperformance","notduncansmith",[101,538,18,539,102,43],20,"project\u002Fmixed\u002Fexecution",[541,538,43,340,11,45],"8315928",[543,544,45,293,545,43],"8316029",21,"pbhjpbhj",[547,548,45,343,549,43],"8337368",22,"mvkel",[155,551,18,428,156,43],23,[553,551,43,305,11,45],"8315931",[124,555,45,343,125,43],24,[557,555,43,326,11,45],"8316214",[559,560,18,240,156,43],"8315905",25,[562,560,43,305,11,45],"8315936",[564,560,43,236,565,43],"8315986","marcoms",[567,568,47,365,569,43],"8315887",26,"jnazario",[571,572,18,240,573,43],"8315817",27,"Kiro",[575,572,43,326,11,45],"8315844",[577,578,47,365,579,43],"8321308",28,"rangav",[581,206,43,285,582,43],"8315991","k__",[584,206,43,285,164,43],"8316721",[586,206,43,285,582,43],"8319731",[588,206,43,285,164,43],"8319849",[131,33,45,343,132,43],[591,592,45,343,593,43],"8316199",31,"trevvvor",[595,596,599],{"id":4,"t":12,"points":14,"comments":15},{"id":597,"t":598,"points":45,"comments":40},"9674570",1433684270,{"id":600,"t":601,"points":602,"comments":460},"11850599",1465248870,83,[604,609,613,618,622,626],{"id":605,"name":606,"points":607,"category":608},"8331233","CleverDeck",305,"learning_science",{"id":610,"name":611,"points":612,"category":20},"8315224","ContentBuilder.js",189,{"id":614,"name":615,"points":616,"category":617},"8323462","Berlin Hacker News",145,"productivity",{"id":619,"name":620,"points":621,"category":20},"8310137","Upmin",140,{"id":623,"name":624,"points":625,"category":20},"8312249","Pup",126,{"id":627,"name":628,"points":629,"category":630},"8309848","Hypermasher",85,"creative",false,"v2",{"id":634,"name":5,"line":6,"ai":631,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":635,"top":18,"kw":636,"maker":11,"domain":10,"tier":19,"attempts":18,"strip":637,"url":9,"mix":638,"praise":90,"objection":106,"sub":21},8315616,-0.34,[21,24,25,26],"3300031321331213311111135152110010111551",[30,31,32,33],1794036522715]