CSS Gridish
github.com
CSS Gridish
1–10 of 28 posts
Re: CSS Gridish
#2Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.
https://ibm.github.io/css-gridish/
Re: CSS Gridish
#3The "fallback to flexbox" part makes me feel like a dinosaur. It wasn't that long ago when we were falling back to tables and floats...
Re: CSS Gridish
#4Interesting. This project is by IBM.
Re: CSS Gridish
#5Interesting. This project is by IBM.
IBM still have a lot of talented and dedicated engineers despite the questionable management decisions.
I would guess this probably started off as an unofficial endeavour by a single or small group of employees and the beancounters agreed to publish it as OSS.
Re: CSS Gridish
#6The "fallback to flexbox" part makes me feel like a dinosaur. It wasn't that long ago when we were falling back to tables and floats...
Indeed. But it's worth pointing out "falling back" to flexbox isn't a solid backup plan-- most versions supporting flexbox also support grid, or are evergreen.
https://caniuse.com/#search=flexbox https://caniuse.com/#search=grid
Re: CSS Gridish
#7The "fallback to flexbox" part makes me feel like a dinosaur. It wasn't that long ago when we were falling back to tables and floats...
Indeed. But it's worth pointing out "falling back" to flexbox isn't a solid backup plan-- most versions supporting flexbox also support grid, or are evergreen. https://caniuse.com/#search=flexbox https://caniuse.com/#search=grid
Sounds to me like this would be useful for React Native, where only flexbox-based layout is supported.
Re: CSS Gridish
#8Earlier quoted context omitted.
Indeed. But it's worth pointing out "falling back" to flexbox isn't a solid backup plan-- most versions supporting flexbox also support grid, or are evergreen. https://caniuse.com/#search=flexbox https://caniuse.com/#search=grid
Sounds to me like this would be useful for React Native, where only flexbox-based layout is supported.
I doubt it - React Native's implementation of flexbox is different enough to make it very difficult to produce the same layout using the same out.
It's almost like an uncanny valley effect - its similar enough to lure you into a false sense of security, until you realise that defaults for flex-direction are reverse, or it implements flex/flex-grow/flex-shrink/flex-basis completely differently.
Re: CSS Gridish
#9The "fallback to flexbox" part makes me feel like a dinosaur. It wasn't that long ago when we were falling back to tables and floats...
Indeed. But it's worth pointing out "falling back" to flexbox isn't a solid backup plan-- most versions supporting flexbox also support grid, or are evergreen. https://caniuse.com/#search=flexbox https://caniuse.com/#search=grid
Assuming you can target browsers that support both, when does one pick flexbox over grids and vice versa? or does grids entirely replaces flexbox use case?
Re: CSS Gridish
#10Is this an efficient doorway into understanding CSS grid, one that has the bonus of giving you useful code? Or, is this more of a crutch, the output of which will not educate you about the grid goodness?
I'd like it to be the former, so that I can be productive out of the gate and figure out what I'm doing as I go. That may be unprofessional, but I make quick-and-dirty prototypes for academics; nothing that has to scale. Plus, I'm lazy.