From Bootstrap to CSS Grid • Hacker News Board

Re: From Bootstrap to CSS Grid

#101

Post by skocznymroczny » Sat, Dec 30, 2017, 3:09 PM UTC

chrisco255 wrote: post #69

thomascgalvin wrote: post #19

Earlier quoted context omitted.

Web development is just starting to catch up to where we were fifteen years ago. Things like type safety, unit testing, and dependency management are still fairly new on the Javascript side of the house, and I'd argue that Maven is lightyears ahead of NPM or pack or gulp or whatever the fuck the kids are using these days. The UI side is even worse. When you compare $todays_web_framework to QT or Swing, it's like drop…

We intentionally moved from Qt to Electron for desktop app development. Electron apps look better generally and are far easier to maintain than Qt-based apps. CSS has its warts but it's very expressive these days. Don't even get me started on Swing versus React. A decent set of React components are more declarative, easier to maintain, and faster to develop with than Swing. You also have powerful testing tools in Rea…

Swing has been obsolete for quite some while, if anything, compare with JavaFX

Re: From Bootstrap to CSS Grid

#102

Post by dbbk » Sun, Dec 31, 2017, 2:09 PM UTC

Bizarro wrote: post #46

jrochkind1 wrote: post #44

Does 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

IE 10 is at 0.1% in the US and 0.16% globally, so no.

Re: From Bootstrap to CSS Grid

#103

Post by BrandoElFollito » Mon, Jan 01, 2018, 9:52 PM UTC

jcadam wrote: post #73

tnolet wrote: post #17

Earlier quoted context omitted.

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.

On my current project, I spent a lot of time fighting with flexbox and could never get it to do exactly what I wanted, in both Firefox and Chrome, at the same time (Firefox was much easier to deal with using flexbox than Webkit/blink, actually) Then CSS Grid finally became available accross all major browsers. I'd never used it, but decided to try it and managed to have my layout working the way I had always wanted i…

I read everywhere that both are complimentary. I am a complete amateur in web dev but the only place where I can imagine flexbox in an otherwise grid display is when divs are stacked and we do not know how many divs there will be.

If grid has a way to address these unpredictable divs (not knowing how many there will be) then my last use case is closed.

Re: From Bootstrap to CSS Grid

#104

Post by jcadam » Tue, Jan 02, 2018, 9:06 PM UTC

BrandoElFollito wrote: post #103

jcadam wrote: post #73

Earlier quoted context omitted.

On my current project, I spent a lot of time fighting with flexbox and could never get it to do exactly what I wanted, in both Firefox and Chrome, at the same time (Firefox was much easier to deal with using flexbox than Webkit/blink, actually) Then CSS Grid finally became available accross all major browsers. I'd never used it, but decided to try it and managed to have my layout working the way I had always wanted i…

I read everywhere that both are complimentary. I am a complete amateur in web dev but the only place where I can imagine flexbox in an otherwise grid display is when divs are stacked and we do not know how many divs there will be. If grid has a way to address these unpredictable divs (not knowing how many there will be) then my last use case is closed.

I'm definitely more of a backend developer myself, but of course I have to do the frontend work on my own projects.

For my use case, I'm using CSS Grid on this project (https://www.contabulo.com) to manage the layout of 'cards' on a 'board', where the number of cards is variable. I was originally using flexbox, which proved to not be.. flexible enough to manage it properly (and there were some annoying behavioral differences between browsers).

I was worried I was going to have to resort to some Javascript-hackery when I happened upon CSS-grid being mentioned in an HN post a while back. Luckily, support for grid was added to all of the major browsers not long after I discovered it :)