Live data from Hacker News

CSS grid garden

cssgridgarden.com

51–60 of 138 posts

Re: CSS grid garden

#51

This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…

[deleted]

Re: CSS grid garden

#52

This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…

Interested to hear what flexbox features were unsupported? I’ve been in a same kind of situation but was able to support everything on “IE version” of the app by using flexbox.

Re: CSS grid garden

#53

This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…

> [...] only to discover that once I found an old machine in a closet that has IE11 on it [...]

MS has free downloadable virtual machine images to help with that kind of testing. They have IE8, IE9, IE10, and IE11 Win7 VMs, an IE11 Win8 VM, and an Edge Win10 VM.

They have images for VirtualBox, Vagrant, VMWare, HyperV, and Parallels.

Link:

https://developer.microsoft.com/en-us/microsoft-edge/tools/v...

Re: CSS grid garden

#54
post #6

There's no mainstream browser that doesn't suck (ie, they're all walled gardens) that supports CSS grid. Plus the other 4 billion people on Earth not in modern countries.

Use CSS grid with Flexbox for fallback. I create my mobile version of pages with Flexbox, so if the user's browser doesn't support it, they see the full featured mobile view. Progressive enhancement.

Curious how you manage this. Do you use feature detection and then apply a class to ?

Re: CSS grid garden

#55

Curious as to why CSS Grid chose to start at 1-index rather than zero, and why the end column is one more than the position of the column that actually stops.

> why the end column is one more than the position of the column that actually stops

The positions are, I believe, the positions of the grid lines, not the grid columns.

Re: CSS grid garden

#56
post #48

start counting at 1 instead of zero, ok, its valid. column-end means really "end+1", why? problem: when you go from left-to-right: column-start-3,column-end-5: means column #3 is included when you go from right-to-left: column-start-3,column-end-1: means column #3 is NOT included So if you read "column-start-3" you don't know if column#3 is included or not, it depends on column-end. "column-start-3,column-end-5" shou…

I believe it's talking about the vertical lines, not the column space between them. So the "+1" is because it's talking about the rightmost edge of what you're calling a "column".

here's an image that may explain better. I numbered the vertical edges, start is green, end is red.

https://imgur.com/a/xCplwAt

Re: CSS grid garden

#57

This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…

caniuse.com is a quick way to look up compatibility issues, e.g. https://caniuse.com/#search=flexbox

Re: CSS grid garden

#59
post #22

Earlier quoted context omitted.

Ultimately these are just conventions. There are probably good reasons for them, too. For example having [a,b)* allows easier computation when you have things that abut. E.g. it's [a,b) [b,c) [c,d) rather than [a,b-1] [b,c-1] [c,d-1]. * https://en.wikipedia.org/wiki/Interval_(mathematics)#Includi...

But it seems to be weirder than that, according to the game (can someone explain this to me?): start:1, end:4 = 1,2,3 (start-inclusive, end-exclusive) start:5, end:2 = 2,3,4 (I guess this means right-exclusive, whether it's 'start' or 'end'?) start:1, end:-2 = 1,2,3,4 (the puzzle text says -1 is the first grid-line from the right, i.e. 5, but that doesn't follow, because now it's right-inclusive) start:-3 = 4 (so -1…

I'm with you, this feels very weird to me.

Usually you get a reasonable relationship between zero- and one-indexed views of the same thing. The relationship is normally that the zero-indexed points 0 and 1 form the start and end bounds of the 1st item.

CSS grid numbers columns 1, 2, 3 and also number the the lines around those columns 1,2,3,4. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_La...

Having grid line 1 come before column 1 makes it feel like the grid lines are substantial and the columns are merely the bounds between grid lines.

Re: CSS grid garden

#60

This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…

The solution there is to document every moment of your time spent on this issue, alongside the user agent logs, and present that alongside your salary, and present it. Best case, they decide they pay you too much and you cause too much trouble, and let you go. Worst case they make her upgrade her browser so they're not dumping mountains of money on her preferences and whims. Either way, I'd be good with it if I were…

I already document every task I do (my immediate boss requires it).

The way I view it is it was good busywork for the weeks before Christmas when not much was getting done anyway. I don't bother fighting it because if they want to waste their money paying me to downgrade a web site for one person, I'm happy to take their money for it.

Post reply on HN