Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Pills: A simple responsive CSS grid for humans

github.com

Post reply on HN
Print view View original

21–30 of 102 posts

Re: Pills: A simple responsive CSS grid for humans

#22

Post by franciscop »

dualogy wrote: post #10

Or, just write the display:flex you need, where you need it, as little as you actually need.. easy as pie unless your deadline was days-ago. This here might save you 10 minutes of manual work, at the expense of further code-base bloat, external-lib-dep accumulation, technical debt. OK fair game for your MVP-landing-page-A/B-split-test-shenanigans, granted.

I would call technical debt to writing it as you go, since there are many small bugs and inconsistencies that (hopefully) are fixed by these libraries. Just a couple of random examples:

- https://github.com/picnicss/picnic/issues/79

- https://github.com/picnicss/picnic/issues/64

So you can have a half-baked solution with 10 more minutes or use a tested and documented one and save 10 minutes.

Re: Pills: A simple responsive CSS grid for humans

#23

Post by threatofrain »

franciscop wrote: post #22
dualogy wrote: post #10

Or, just write the display:flex you need, where you need it, as little as you actually need.. easy as pie unless your deadline was days-ago. This here might save you 10 minutes of manual work, at the expense of further code-base bloat, external-lib-dep accumulation, technical debt. OK fair game for your MVP-landing-page-A/B-split-test-shenanigans, granted.

I would call technical debt to writing it as you go, since there are many small bugs and inconsistencies that (hopefully) are fixed by these libraries. Just a couple of random examples: - https://github.com/picnicss/picnic/issues/79 - https://github.com/picnicss/picnic/issues/64 So you can have a half-baked solution with 10 more minutes or use a tested and documented one and save 10 minutes.

I think a more on-point rebuttal would give us examples of flexbox-specific bugs.

Re: Pills: A simple responsive CSS grid for humans

#24

Post by franciscop »

threatofrain wrote: post #23
franciscop wrote: post #22

Earlier quoted context omitted.

I would call technical debt to writing it as you go, since there are many small bugs and inconsistencies that (hopefully) are fixed by these libraries. Just a couple of random examples: - https://github.com/picnicss/picnic/issues/79 - https://github.com/picnicss/picnic/issues/64 So you can have a half-baked solution with 10 more minutes or use a tested and documented one and save 10 minutes.

I think a more on-point rebuttal would give us examples of flexbox-specific bugs.

True, I thought it was widely know but there's a whole Flexbugs project [1] and that there are many Known Issues with flexbox [2]. Some with solution, some without them.

[1] https://github.com/philipwalton/flexbugs

[2] http://caniuse.com/#feat=flexbox

Re: Pills: A simple responsive CSS grid for humans

#25

Post by matt4077 »

dualogy wrote: post #10

Or, just write the display:flex you need, where you need it, as little as you actually need.. easy as pie unless your deadline was days-ago. This here might save you 10 minutes of manual work, at the expense of further code-base bloat, external-lib-dep accumulation, technical debt. OK fair game for your MVP-landing-page-A/B-split-test-shenanigans, granted.

Indeed. Flexbox made grids superfluous. Except people expect it.

Re: Pills: A simple responsive CSS grid for humans

#27

Post by mpetrovich »

dualogy wrote: post #10

Or, just write the display:flex you need, where you need it, as little as you actually need.. easy as pie unless your deadline was days-ago. This here might save you 10 minutes of manual work, at the expense of further code-base bloat, external-lib-dep accumulation, technical debt. OK fair game for your MVP-landing-page-A/B-split-test-shenanigans, granted.

Besides lack of good cross-browser support until recently, I think there are a few reasons why flexbox is still less popular than float- or margin-based grids:

- Steeper learning curve and less accessible than adding a class like "col-3" or "grid--1/2". The latter is almost self-explanatory.

- Requires an existing or new CSS class to bind the styles to. If it's a new class, you have to figure out a good name (which isn't always easy, naming things is hard).

- Requires editing CSS/Less/Sass, which (depending on your setup) can require waiting for it to compile. The wait time for compiling/bundling HTML is usually negligible.

- Traditional grid systems just work, and they work well enough for most things. When you have more important & interesting problems than a CSS grid system, there's a bias towards shipping what works and moving on.

That being said, flexbox is really powerful and a great tool for many things. But for many simple layouts, traditional grid systems can get the job done just fine without requiring much initial investment. On interdisciplinary teams where non-frontend devs can contribute, end-user simplicity is sometimes more important than language sophistication.

Re: Pills: A simple responsive CSS grid for humans

#29

Post by Tiquor »

XCSme wrote: post #16

Well, usually grid systems are used for responsiveness and the ability to have a specific design for individual screen sizes. As far as I read through the docs, unlike bootstrap, this library does not allow to target specific screen sizes like xs,md,lg, etc... Just pointing this out :D

This framework is getting posted everywhere and it's not even really responsive. I saw this junk on Reddit too. People were defending it saying it had mobile and desktop sizes. What?
Post reply on HN