Picnic.css
Dev tools
css framework
SHOW HN2014
247points
143comments
#62of 2,272 in 2014
Top 3%of 2014 by points
How HN took it
MixedNo clear lean
8 positive, 19 neutral or asking, 7 mixed, 30 critical, out of 64 comments about the project. Thread score -0.34.
Design: 2 for, 16 againstIdea: 4 for, 6 againstExecution: 0 for, 7 againstPerformance: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Fails gracefully without CSS, good for sites needing old browser support
From 1 comment
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…
yellowapple on HN
Invasive approach means little markup changes needed
From 1 comment
Nice work; I dig the not-having-to-do-anything approach. One thing -- hovering the demo button seems to affect elements underneath: http://goo.gl/9vD0D2
mk4p on HN
Objections
Keyboard and screen reader accessibility poor
From 1 comment
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…
danielnixon on HN
Buttons, radio buttons and select styling buggy across browsers
From 3 comments
The bit with the checkbox then 2 radios is a bit confusing (chrome/android/nexus 5) - at the start there's no check in the checkbox, I tap and it checks, I tap to uncheck and it…
mcintyre1994 on HNVery 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
ishener on HNI'm not very okay with the checkbox and radio button styling. I don't think you actually would need to touch those at all...
akx on HN
Colors too bold
From 1 comment
Those colors are way too bold.
mplewis on HN
Only tested in Firefox and Chrome, no IE8 or older support
From 1 comment
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…
franciscop on HN
Requests
Fix keyboard and ARIA accessibility
From 1 comment
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…
danielnixon on HN
Better radio button selected state
From 1 comment
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
ishener on HN
Hamburger menu colors and thresholds configurable
From 1 comment
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…
yellowapple on HN
Sass or Less version
From 1 comment
Also, what about a Less/Sass version so the HTML can be even cleaner by using just mixins in the Less/Sass to build the grid.
eflowers on HN
Questions
Why use Picnic over Min?
From 1 comment
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…
owenversteeg on HN
How to change hamburger icon color?
From 1 comment
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…
yellowapple on HN
Alternatives named
Bootstrap
From 2 comments
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…
DigitalSea on HNSemantic UI is also a great alternative. http://semantic-ui.com/ But again, in a professional setting I would prefer Bootstrap any day. It looks well done, it's easy to…
wooptoo on HN
Pure CSS
From 1 comment
Another lightweight Bootstrap alternative from Yahoo, 4.4KB: http://purecss.io
ash on HN
Min
From 1 comment
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…
owenversteeg on HN
Semantic UI
From 2 comments
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…
computerjunkie on HNSemantic UI is also a great alternative. http://semantic-ui.com/ But again, in a professional setting I would prefer Bootstrap any day. It looks well done, it's easy to…
wooptoo on HN
Foundation
From 1 comment
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…
DigitalSea on HN