Live data from Hacker News

CSS grid garden

cssgridgarden.com

81–90 of 138 posts

Re: CSS grid garden

#81
post #7

From 2017: https://news.ycombinator.com/item?id=14041367

Nice job! I had a strange feeling I had seen this before.

That being said, I love the concept. Fun way to get some practice in!

Re: CSS grid garden

#82

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

I wish I was in your position half my company still runs IE 11

Re: CSS grid garden

#83
post #71

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

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.

Re: CSS grid garden

#84

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.

I really hate products where the in/out points are not the same inclusiveness. There are several video programs I've used in the past that are similar to this where the in-point is inclusive, but the out point is not. If the in/start designates the first thing I want to include, then I would expect the out/end to also designate the last thing I want to include.

It's just a mild thing to get over, and visual tools like this make it very easy to realize the end is exclusive. However, it is not always so easy in video tools unless the next frame to your out is an obvious change.

Re: CSS grid garden

#85

Earlier quoted context omitted.

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.

Has anyone asked her why? She may have a legitimate reason.

From personal experience for a long time I had to keep an old version of IE running in an old windows VM for one specific app. Had I not had that VM and IT decided to upgrade me without asking I’d have lost my sh$& and gave them the what for.

Re: CSS grid garden

#86
post #63

Earlier quoted context omitted.

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.

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.

Better to ask her why she feels she needs that version and work with her to move beyond it.

Re: CSS grid garden

#87
post #54

Earlier quoted context omitted.

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 ?

I build all my mobile layouts with flexbox, so they are usually one long column, and content collapses into the grid from CSS media queries.

If the browser doesn't support css grid, the mobile, single column version with flexbox is fully featured, and is loaded first because the css grid is kept in @media queries.

Like the sibling comment mentioned, you can use @supports, however if you use `display: flex` for mobile and `display: grid` for desktop, the grid will never load in old browsers anyways.

This works out pretty well for me personally in 99% of use cases. If you want to use CSS grid as well for mobile, you'll need a more powerful @supports solution, however.

Re: CSS grid garden

#88

Earlier quoted context omitted.

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 would be a shame if something happened to her computer and it had to be replaced...

Highly unethical

Re: CSS grid garden

#89
post #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.

That still seems super unintuitive to me, because the whole thing is ‘grid-column-end’, not ‘grid-column-line-end’.

Between this and how weird the negative syntax operates, I suspect that I would end up using the start/span syntax the most, but my company requires code that supports IE9, so I will probably only touch this on a regular basis in like five years.

Post reply on HN