Live data from Hacker News

CSS grid garden

cssgridgarden.com

121–130 of 138 posts

Re: CSS grid garden

#121
post #63

Earlier quoted context omitted.

Chances are if IT upgrade her browser she won't even notice. Just get them to do it. Or get someone more senior than her to put her in her place.

Just get them to do it. It's not a tech company, so it doesn't work that way. IT doesn't tell management what to do, it's the other way around. get someone more senior than her to put her in her place To get to someone more senior than her would mean contacting her manager on the other side of the country, who would likely wonder why I'm was wasting her time, and come down on me through my boss. Again, it's not a tec…

"IE11 is not supported.".. why? it's something technical...

IT might be lowest in the foodchain, but they always have the last word when it comes to something.. technical.

Re: CSS grid garden

#122

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.…

If possible you could alternatively have send her (every browser which doesn't support full grid) a mobile layout like described in the video: https://www.youtube.com/watch?v=txZq7Laz7_4&app=desktop

> From this follows a simple but surprising truth: The lack of support for CSS grid in an old browser should not affect the experience of the visitor, but rather just make the experience different.

> If you agree with this (and you should), there is no reason you can’t use CSS grid today!

> Here’s how that approach could work in practice. Rather than using fallbacks and shims to ensure a design and layout look the same across all browsers, we’d provide the mobile vertical single-column layout to all browsers and then serve up advanced functionality to those browsers and viewport widths that can take advantage of them. It might sound like progressive enhancement, but it’s actually more of an accessibility-centric approach enabled by a mental shift.

https://www.smashingmagazine.com/2017/06/building-production...

Re: CSS grid garden

#125

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.…

Ie11 supports flexbox fine. This is a trivial matter that any decent developer could fix in a day or two.

Re: CSS grid garden

#126

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.

Biggest problem is that most people use the sort notation while the long notation is supported in IE-11 for flexbox.

Re: CSS grid garden

#127
post #22

Earlier quoted context omitted.

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 gri…

> 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.

Correct. And IIRC the spec doesn't even have columns (they're just referenced to help understanding), just column bounds.

Re: CSS grid garden

#128
post #71

Earlier quoted context omitted.

We just finished deploying a major contract where the military is a primary customer. They still have many machines running IE 11. I used CSS Grid and it's working well. IE 11 supports the initial version of the spec and has the -ms prefixes, but works. There are some things you can't do (like areas), but it largely works with that syntax, if you design with column/row in mind. See this for details on the IE 10/11 im…

Former soldier (national guard) here, and yes, yes they do. You know how aids it is to be a civilian software engineer and have to work with IE11 to complete assignments. The good thing is that 95% of the time I could convince their software to give me a certificate without completing the course on stuff like OPSEC (yes, I am aware I shouldn't share my password with others). Guhhh.

Its a general government thing. The amazing power of contractors to determine what systems their precious software will run on is amazing. I have a Windows Server 2003 machine still on my network because of a grant contractor that hasn't certified anything beyond that.

Re: CSS grid garden

#129

I'm stuck at level 21. This didn't work: grid-template-columns: repeat (8, 12.5%); Am I doing something wrong or is it a bug?

check your spelling and where you have yours plurals. I spent a bit trying to figure out what I did wrong.

Re: CSS grid garden

#130
post #63

Earlier quoted context omitted.

Chances are if IT upgrade her browser she won't even notice. Just get them to do it. Or get someone more senior than her to put her in her place.

Just get them to do it. It's not a tech company, so it doesn't work that way. IT doesn't tell management what to do, it's the other way around. get someone more senior than her to put her in her place To get to someone more senior than her would mean contacting her manager on the other side of the country, who would likely wonder why I'm was wasting her time, and come down on me through my boss. Again, it's not a tec…

> It's not a tech company, so it doesn't work that way. IT doesn't tell management what to do

No, but IT come and say "in order to get ISO313186461 certified we need to do an upgrade" tends to work pretty well.

Post reply on HN