search

desandro / colcade

Lightweight masonry layout
488 stars 21 forks source link

Enhancement - Keep default behavior when colcade or other JS fails #3

Open kilianso opened 8 years ago

kilianso commented 8 years ago

Hey there, i really love your work with Masonry and Colcade! There's just one thing i want to mention here: If someone has a really slow internet connection or Colcade fails because of some JS errors, the correct grid appearance gets destroyed or appears way too late! You should consider, to keep the col class behavior (for example from bootstrap) and then just "fill the gaps" - I made this example with Masonry and it works just fine: http://codepen.io/kilianso/pen/EyvqYG

If you remove the JS, the grid still keeps it's columns, just with some gaps. But that is way better than full-width items across the page.

I don't need any transitions on resize or else, i just want to close the gaps with a left-to-right order, that's it and as you mentioned in the readme, Colcade would be more lightweight than masonry, so is there a way to achieve this?

desandro commented 8 years ago

Thank you for this suggestion. Yeah, I haven't thought enough about the no-JS fallback. My first thought was that the items are full width, with standard display block vertical stack, no grid. Your proposal could work as well.

Colcade is still pretty new, so I'd like to see how others approach this issue.

klihelp commented 7 years ago

any update on this? eg: I use foundation block-grids columns