Show HN: Picnic.css, a lightweight Bootstrap alternative • Hacker News Board

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#21

Post by eflowers » Sun, Sep 14, 2014, 6:52 PM UTC

How about static responsive breakpoints for the grid, instead of being 100% fluid? And with that, a maximum width?

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#22

Post by mk4p » Sun, Sep 14, 2014, 6:52 PM UTC

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

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#23

Post by SippinLean » Sun, Sep 14, 2014, 6:54 PM UTC

Couldn't you use Bootstrap's "customize" feature and just downloads the components found here? Doubt it would be much larger.

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#24

Post by eflowers » Sun, Sep 14, 2014, 6:56 PM UTC

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.

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#25

Post by SunShiranui » Sun, Sep 14, 2014, 6:59 PM UTC

franciscop wrote: post #2

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

I would make the shadow inside the input boxes lighter when the box is selected. It doesn't fit well with the green outline.

Or maybe change the outline to an outer glow?

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#26

Post by franciscop » Sun, Sep 14, 2014, 7:02 PM UTC

mk4p wrote: post #22

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

I hope it's fixed now, I forgot to re-test that bit after a .1em change I did

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#27

Post by franciscop » Sun, Sep 14, 2014, 7:03 PM UTC

eflowers wrote: post #24

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.

I don't have experience with CSS preprocessors, it's just after Laravel in the list of things I want to learn. Sorry about that.

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#28

Post by franciscop » Sun, Sep 14, 2014, 7:04 PM UTC

eflowers wrote: post #21

How about static responsive breakpoints for the grid, instead of being 100% fluid? And with that, a maximum width?

I'm not completely sure of what you mean with static responsive breakpoints (I'm not English native), could you clarify please?

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#29

Post by prima-facie » Sun, Sep 14, 2014, 7:05 PM UTC

Semantic 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 customize, and it has a lot of pre-built components.

Re: Show HN: Picnic.css, a lightweight Bootstrap alternative

#30

Post by ishener » Sun, Sep 14, 2014, 7:06 PM UTC

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