5 ms·
RAGrid: Powerful intrinsic pure CSS flexbox grid
- Epskampie 10y agoThis is very much just some aliases for flexbox properties. If you were planning on using it, I would advice just learning flexbox instead and be compatible with the rest of the world. Google "flexbox froggies" for an awesome tutorial.
- helb 10y agoExactly what i thought looking at the website. Besides froggies, this might be useful, too: https://codepen.io/enxaneta/full/adLPwv https://codepen.io/enxaneta/full/adLPwv
- nerdydork 10y agoAgreed, and it's right there in the docs that one should/could just copy+paste these aliases into their project, read the CSS, and understand how it's working. It's important to know how flexbox works, so you can write your own media queries that will help you align and distribute your objects as screen size changes.
- lucideer 10y agoSuggestion for showcasing this: Make each section an overall fixed height (the examples within the sections can be variable height, but the overall height of the full page should remain static). Currently, when resizing the browser to see how the examples work, the scroll jumps due to page height changes, so you can't actually see the changed example at all.
- nerdydork 10y agoGreat suggestion
- throwaway2016a 10y agoOn topic question: Anyone know how well flexbox polyfills work? I went to this website in IE10 and it is unusable (as I suspected). I would love to use stuff like this but until it works at least 2 versions back in browsers I don't see how I can use it. Yes, it is only < 0.5% market share but when your market is consumers, losing 1 out of every 200 sales is a big deal if it can be avoided for a reasonable cost.
- nerdydork 10y agoPolyfills don't work great, but with some clever CSS, a floated layout can be applied that makes a decent (actually not that great) but works compromise.