Pills: A simple responsive CSS grid for humans

#1

Post by rohitkrai03 » Thu, Jun 02, 2016, 9:09 AM UTC

Pills: A simple responsive CSS grid for humans
github.com

Re: Pills: A simple responsive CSS grid for humans

#2

Post by rightnow » Thu, Jun 02, 2016, 9:17 AM UTC

Damn.. i wanted the animal version

Re: Pills: A simple responsive CSS grid for humans

#3

Post by andrewfromx » Thu, Jun 02, 2016, 9:18 AM UTC

this is great. I really like how he breaks down the three types of grid systems out there. And "just memorize the cryptic codes like col-md-6 or whatever from their favourite CSS Framework like Bootstrap" is so true. I knew there had to be a better way and pills could be it. I starred it and forked it.

Re: Pills: A simple responsive CSS grid for humans

#4

Post by rohitkrai03 » Thu, Jun 02, 2016, 9:20 AM UTC

andrewfromx wrote: post #3

this is great. I really like how he breaks down the three types of grid systems out there. And "just memorize the cryptic codes like col-md-6 or whatever from their favourite CSS Framework like Bootstrap" is so true. I knew there had to be a better way and pills could be it. I starred it and forked it.

Thanks for checking it out and appreciating my work.

Re: Pills: A simple responsive CSS grid for humans

#5

Post by timlyo » Thu, Jun 02, 2016, 9:32 AM UTC

I like simple libraries like this that do one thing well. Too many web libraries try to do everything, when all I don't need anywhere near that much.

Re: Pills: A simple responsive CSS grid for humans

#6

Post by deusex_ » Thu, Jun 02, 2016, 9:35 AM UTC

It would be nice to mention on the grid website what is the key difference from other grids.

e.g. what is the difference from Bootstrap? both 12 columns, grid based on floats. Is there any difference than naming?

Re: Pills: A simple responsive CSS grid for humans

#7

Post by mariusmg » Thu, Jun 02, 2016, 9:35 AM UTC

andrewfromx wrote: post #3

this is great. I really like how he breaks down the three types of grid systems out there. And "just memorize the cryptic codes like col-md-6 or whatever from their favourite CSS Framework like Bootstrap" is so true. I knew there had to be a better way and pills could be it. I starred it and forked it.

>just memorize the cryptic codes like col-md-6

It's awkward at first, becomes second nature after you use Bootstrap for a while.

I guess a grid only framework makes sense if you only use the grids from the big frameworks, but it's not my use scenario since i use LOTS of stuff from Bootstrap .

Re: Pills: A simple responsive CSS grid for humans

#8

Post by rohitkrai03 » Thu, Jun 02, 2016, 9:46 AM UTC

deusex_ wrote: post #6

It would be nice to mention on the grid website what is the key difference from other grids. e.g. what is the difference from Bootstrap? both 12 columns, grid based on floats. Is there any difference than naming?

One difference from bootstrap would be it handles desktop and tablets using fluid layout instead of breakpoints. The only breakpoint in the grid is for mobile.

Re: Pills: A simple responsive CSS grid for humans

#9

Post by xunra » Thu, Jun 02, 2016, 9:46 AM UTC

Looks a lot like semantic-ui http://semantic-ui.com/collections/grid.html

Re: Pills: A simple responsive CSS grid for humans

#10

Post by dualogy » Thu, Jun 02, 2016, 9:48 AM UTC

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.