[deleted]
From Bootstrap to CSS Grid
41–50 of 104 posts
Re: From Bootstrap to CSS Grid
#42is there a ui toolkit for react based on CSS Grid ?
Currently, probably not. I'm using ant design right now and it uses Flexbox as its underlying layout engine. I think Bootstrap 4 is the same. Once they ditch support for IE11, then they'll probably move to CSS Grid, but at that point you really don't need a UI toolkit to be based on CSS Grid. You either just use the css directly, or have a UI toolkit-independent component wrappers around the grid.
Re: From Bootstrap to CSS Grid
#43Here's a full-length CSS Grid tutorial posted to HN a few days ago.
https://medium.freecodecamp.org/heres-my-free-css-grid-cours...
Re: From Bootstrap to CSS Grid
#44Does Grid work in IE 10 or 11?
`caniuse` says "partial" support with prefixes in 11. Anyone have experience of how well it works, with prefixes, how "partial" or compatible the support is?
> I implemented this CSS Grid progressive enhancement on The New York Times Watching media card component. Users on old browsers see Bootstrap, but users on browsers that support the display: grid property
Okay... yeah, I don't want to do that. Workaround with bootstrap or flexbox that don't really do _quite_ what I want as well as grid does... are still better than having to do the workaround _and_ grid, to get all browsers.
> You’re absolutely ready to declare display: grid if you’re the only person contributing code.
I think it's the other way around. If you have a team big enough to do grid _and_ fallbacks with flexbox or float or whatever, you're ready for grid. If you're one person... you probably don't got time for that! If I got to do the good enough fallback anyway, I'd rather just be done then. At least if you're me. Sadly, so goes CSS improvements. In a couple years I can probably use grid. Hey, at least I can finally use flexbox, which is awesome too!
Re: From Bootstrap to CSS Grid
#45"It took about three lines of CSS to write the grid layout I wanted, and I wanted to live in the bright and beautiful future where layout is always that simple." This is so spot on. I've met many developers who tend to think Bootstrap is easier, but that's usually because they haven't experienced this part of CSS Grid. Just add a couple of lines and you have a very powerful grid layout. I wrote an article on Bootstra…
Not arguing the usefulness of CSS Grid, but Bootstrap is a whole bunch more than just a grid. All the components in Bootstrap kinda work together with the .container .row .col classes and that’s still a crazy useful feature.
The thing about Bootstrap (at least v3) is that the component library is pretty bare bones.
But I'm curious to your statement about "working together". Are Bootstrap components "aware" of the layout css/components?
Re: From Bootstrap to CSS Grid
#46Does Grid work in IE 10 or 11? `caniuse` says "partial" support with prefixes in 11. Anyone have experience of how well it works, with prefixes, how "partial" or compatible the support is? > I implemented this CSS Grid progressive enhancement on The New York Times Watching media card component. Users on old browsers see Bootstrap, but users on browsers that support the display: grid property Okay... yeah, I don't wan…
As I said in another post in this thread, I'm hoping Postcss and the autoprefixer plugin will work with at least IE11.
Is IE 10 even relevant these days? It seems that except for very outdated systems, everybody should have been autoupdated to IE 11 by now
Re: From Bootstrap to CSS Grid
#47Does Grid work in IE 10 or 11? `caniuse` says "partial" support with prefixes in 11. Anyone have experience of how well it works, with prefixes, how "partial" or compatible the support is? > I implemented this CSS Grid progressive enhancement on The New York Times Watching media card component. Users on old browsers see Bootstrap, but users on browsers that support the display: grid property Okay... yeah, I don't wan…
As I said in another post in this thread, I'm hoping Postcss and the autoprefixer plugin will work with at least IE11. Is IE 10 even relevant these days? It seems that except for very outdated systems, everybody should have been autoupdated to IE 11 by now
If it works compatibly just with prefixes, that'll be fine. Heck, I don't mind writing the prefixes myself.
If it implements an incompatible old version or proprietary standard with too many edge and not-so-edge case differences, that's another story. Anyone have experience?
I also did not know that most IE10 users should be auto-updated to IE11, def gonna look into that more thanks.
Re: From Bootstrap to CSS Grid
#48Does Grid work in IE 10 or 11? `caniuse` says "partial" support with prefixes in 11. Anyone have experience of how well it works, with prefixes, how "partial" or compatible the support is? > I implemented this CSS Grid progressive enhancement on The New York Times Watching media card component. Users on old browsers see Bootstrap, but users on browsers that support the display: grid property Okay... yeah, I don't wan…
As I said in another post in this thread, I'm hoping Postcss and the autoprefixer plugin will work with at least IE11. Is IE 10 even relevant these days? It seems that except for very outdated systems, everybody should have been autoupdated to IE 11 by now
Everybody except some companies with systems locked to an older version because of legacy software they need to consume. Which also happen to be amongst your big clients and despite representing 5% in your analytics, represent 20% of your potential business.
Now what? Do you make your new site unusable for them? Or do you create a complex intricate fallback css which defies the purpose of using css grids?
Re: From Bootstrap to CSS Grid
#49So I love CSS Grid very much, but have found myself still wanting/needing masonry-style "Pinterest" layouts, which I haven't been able to do without JavaScript. I've seen many of the CSS column and flexbox hacks, but nothing quite nails it. Anyone have any good ideas here?
I’ve explored the same issue and masonry is the only solution I’ve found.
Re: From Bootstrap to CSS Grid
#50"It took about three lines of CSS to write the grid layout I wanted, and I wanted to live in the bright and beautiful future where layout is always that simple." This is so spot on. I've met many developers who tend to think Bootstrap is easier, but that's usually because they haven't experienced this part of CSS Grid. Just add a couple of lines and you have a very powerful grid layout. I wrote an article on Bootstra…
Flexbox made me stop hating CSS. Grid is making me love it. I can finally get exactly what I want in a manner that's intuitive and obvious.