Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

CSS Grid Lanes

webkit.org

Post reply on HN
Print view View original

91–100 of 237 posts

Re: CSS Grid Lanes

#91

Post by oefrha »

qingcharles wrote: post #88
oefrha wrote: post #59

I've been using Chromium's display: masonry in some internal apps since they introduced it behind a flag in Chromium 140. Looks like they just have to rename it now?

I have too. And the Safari version that was in the betas/tech previews. One of the biggest arguments over the last couple of years was what to call it . A lot, lot of ideas put forth as alternatives to "masonry" which wasn't thought to be great for non-English speakers. I'm glad they finally nailed a name for it! The other big argument was over how to activate it. Is it a grid? Is it a flexbox? Is it a brand new anim…

I actually started using Safari's `grid-template-rows: masonry` when it came out, but unfortunately Safari TP crashed a lot on me when using that for some reason. Chromium's never had a problem.

Re: CSS Grid Lanes

#92

Post by ethmarks »

hannasm wrote: post #87
ethmarks wrote: post #80

Earlier quoted context omitted.

Pointing out that masonry isn't as good with mixed-orientation content as it is with uniform-orientation content is all well and good, but we still need a way to display mixed orientation content. What alternatives to masonry do you propose? - If you stretch all images into a uniform aspect ratio, they get all squashed and look terrible. - If you crop all images into a uniform aspect ratio, you lose potentially the m…

Well I think this is a great step forward but it would be great if we could mix aspect ratios even better... Consider a similar layout to OP but the landscape images will span multiple columns as well as everything it already does. The thing about masonry is that it adapts to the size of the images. You could already do masonry using flexbox if you know the image sizes ( https://github.com/hannasm/masonflexjs ). Doin…

Kind of random but why, in the linked repo, are you using dotnet core for minifying a Javascript file? I'm just curious. It seems like overkill to me.

Re: CSS Grid Lanes

#93

Post by 2cynykyl »

ray_v wrote: post #82

If I ever encounter, and need to read a webpage with arbitrarily sized and placed grids of text, please somebody just shoot me. https://webkit.org/wp-content/uploads/Grid-Lanes-newspaper-d...

Funny, I think that looks gorgeous!

Re: CSS Grid Lanes

#94

Post by jlaternman »

ray_v wrote: post #82

If I ever encounter, and need to read a webpage with arbitrarily sized and placed grids of text, please somebody just shoot me. https://webkit.org/wp-content/uploads/Grid-Lanes-newspaper-d...

I think this looks great too. Finally replicating the efficiency of newspaper layouts. No enforced symmetry, just content in an optimal space. I want.

Re: CSS Grid Lanes

#95

Post by j_w »

aidenn0 wrote: post #51
uniq7 wrote: post #37

Maybe this will be an unpopular opinion, but I really dislike the lane layout, because it is not possible to efficiently take a glance at all elements in the list, one by one. If you try to go left-to-right, you will quickly realize that at the end of each "line" it is really difficult to know where the next line starts. It is easy to accidentally start again on the same line (and inspect the same elements), or skip…

I think it's one of those things that looks good, but is annoying to use non-superficially.

IMO it's annoying to use at all. It just looks "good" (subjective).

Larger images dominate and flashy images become more important to get attention (if bringing focus to an image is the idea). An extremely poor way to present information.

Re: CSS Grid Lanes

#96

Post by miiiiiike »

afavour wrote: post #35
miiiiiike wrote: post #11

Earlier quoted context omitted.

Yeah, there was a years long debate that effectively ended with: “We held a vote that you weren’t aware of and decided that masonry was out. If you cared, you should have participated in the vote that you were not aware was happening. It’s too late to change it.” https://m.youtube.com/watch?v=yikbSQ6tvlE

Masonry was never “in”, no? Mozilla proposed it and were the only ones to implement it, behind a feature flag. Then WebKit proposed an alternative that was discussed at length: https://github.com/w3c/csswg-drafts/issues/10233

People have been dragging their feet on subgrid, masonry, etc for almost a decade. I followed it pretty closely for years but stopped when it started turning into a Christopher Guest mockumentary.

Masonry or grid-lanes, who cares? I’m just glad masonry (the feature, Baseline 20XX) and subgrid (Baseline 2023) are finally here.

Re: CSS Grid Lanes

#97

Post by MintPaw »

culi wrote: post #27

Props to the Safari team. They surprised us all when they suddenly shot to the top of interop-2025 this October https://wpt.fyi/interop-2025

Hm, I know that Safari doesn't support 64bit wasm, which is a very important feature that Chrome and Firefox both have, but this seems to say they have "100% webassembly support".

https://webassembly.org/features/

Re: CSS Grid Lanes

#98

Post by cosmic_cheese »

madeofpalk wrote: post #55
culi wrote: post #27

Props to the Safari team. They surprised us all when they suddenly shot to the top of interop-2025 this October https://wpt.fyi/interop-2025

This is not all that surprising. While the Chrome team is out there evangelising things like WebPCIe or whatever, Safari's been shipping features clients actually want, like blurred backgrounds for years before anyone else.

Imagine if the literal army of Chromium/Blink engineers threw their entire weight into making the fundamental building blocks that everybody uses better instead of niche things that only a tiny fraction sites and web apps will ever need.

Re: CSS Grid Lanes

#99

Post by [deleted] »

jlaternman wrote: post #94
ray_v wrote: post #82

If I ever encounter, and need to read a webpage with arbitrarily sized and placed grids of text, please somebody just shoot me. https://webkit.org/wp-content/uploads/Grid-Lanes-newspaper-d...

I think this looks great too. Finally replicating the efficiency of newspaper layouts. No enforced symmetry, just content in an optimal space. I want.

[deleted]

Re: CSS Grid Lanes

#100

Post by culi »

MintPaw wrote: post #97
culi wrote: post #27

Props to the Safari team. They surprised us all when they suddenly shot to the top of interop-2025 this October https://wpt.fyi/interop-2025

Hm, I know that Safari doesn't support 64bit wasm, which is a very important feature that Chrome and Firefox both have, but this seems to say they have "100% webassembly support". https://webassembly.org/features/

interop is a subset of tests chosen beforehand (nowadays, mostly by devs voting in the github issues). This says Safari has reached 100% on the subset of tests agreed upon for interop-25. Those specific tests can be expanded by clicking it in the menu. It'll take you here:

https://wpt.fyi/results/wasm/jsapi?label=experimental&label=...

The full test-suite of wasm tests are here:

https://wpt.fyi/results/wasm

Post reply on HN