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

Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

webkit.org

Post reply on HN
Print view View original

221–230 of 359 posts

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#221

Post by aidog »

achairapart wrote: post #116

So, the background story is that CSSWG DevRels from browser vendors are debating how to formally include the Masonry layout into CSS, at least since 2020, when Firefox first proposed it. The news here is that people at WebKit decided to push the debate to the public, inviting designers and developers to take some action (“post to social media, write blog posts”), in order to get past this. While it may look just like…

look at the examples they made why it should be in CSS grid. I totally agree it should be in that. It's a form of grid. It should be part of CSS grid.

This is one of the layouts that were just impossible in CSS and we really need it soon. I also needed the feature they talk about with the background colors for css grid tracks in 2012. I solved that with DIVs, but it was hard to make it responsive.

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#223

Post by georgesimon »

treflop wrote: post #203
georgesimon wrote: post #54

Earlier quoted context omitted.

I think, in structural engineering terms, it refers to old natural stone wall [0] construction methods. Some bridges around me are made like this, and they're over a thousand years old. But I agree that it's not a good adjective because I had the exact same first thought. Both "natural" and "stonewall" would be better, and they're not great names either. [0] https://duckduckgo.com/?q=natural%20stone%20walls&ko=-1&iax…

Masonry just refers to working with bricks. It's old as time but we still make stuff out of bricks and you can still be a mason today. https://en.wikipedia.org/wiki/Masonry

It seems your are saying it is only relates to bricks? But it's not, it's any stone, cut or formed.

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#224

Post by georgesimon »

rezonant wrote: post #67
georgesimon wrote: post #54

Earlier quoted context omitted.

I think, in structural engineering terms, it refers to old natural stone wall [0] construction methods. Some bridges around me are made like this, and they're over a thousand years old. But I agree that it's not a good adjective because I had the exact same first thought. Both "natural" and "stonewall" would be better, and they're not great names either. [0] https://duckduckgo.com/?q=natural%20stone%20walls&ko=-1&iax…

There's no gravity here, so the comparison makes no sense. In walls masonry construction produces sheer lines horizontally, an axis gravity is not bearing upon. This feels like taking the metaphor just a tad too literally.

I didn't think so, of you look at old stone walls, there's an absence of continuous horizontal or vertical patterns. (However the discussion was a fork, about wall building, so it was quite literal)

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#225

Post by throwup238 »

lloydatkinson wrote: post #127
wildpeaks wrote: post #81

Earlier quoted context omitted.

It makes sense they'd pick this name, it refers to the jQuery plugin that was popular for doing this kind of layout back in the 2010s, so it's a convenient shorthand.

[flagged]

That ship sailed with JAVAscript in 1995.

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#226

Post by georgesimon »

mewpmewp2 wrote: post #176
georgesimon wrote: post #54

Earlier quoted context omitted.

I think, in structural engineering terms, it refers to old natural stone wall [0] construction methods. Some bridges around me are made like this, and they're over a thousand years old. But I agree that it's not a good adjective because I had the exact same first thought. Both "natural" and "stonewall" would be better, and they're not great names either. [0] https://duckduckgo.com/?q=natural%20stone%20walls&ko=-1&iax…

I associate masonry with the old ages, since this is one of the technologies you research in Civ games and back then I think people did have stones in non-standardized shapes and were just trying to fit things together. I'm not native English speaker, so I first heard this term from the games.

Yes, it has that association in English.

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#227

Post by account42 »

627467 wrote: post #33
mattbessey wrote: post #17

> This layout creates uniformly-sized columns, without any rows I find it amusing that they've decided to refer to this as masonry layout. If you actually built a wall like this (as opposed to uniformly-sized rows , without any columns ) it would be a structural engineering disaster.

"masonry layout" is a term used for at least a decade[0] Pinterest is probably the most famous implementer of this layout [0] https://www.sitepoint.com/understanding-masonry-layout/

Most infamous.

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#228

Post by [deleted] »

PurpleRamen wrote: post #177
sausajez wrote: post #133

Earlier quoted context omitted.

Accidentally? How can something be intentionally/ unintentionally popular?

Marketing makes something intentionally popular. Accidentally, seems harder. It kinda smells for people to intentionally make it not popular by actively working against fame, or something like that..

[deleted]

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#229

Post by crispyambulance »

bazoom42 wrote: post #182
crispyambulance wrote: post #118

Earlier quoted context omitted.

Yes, that's fair. Sure, today we have grid and vanilla CSS is sane and useable by anyone who takes the time to learn the modern way of doing things. But let's not forget what a long and tortured road CSS has taken to become what it is today. CSS was a total dumpster fire up until around when flexbox came out. It was SO HARD to make it do what you want for SO LONG. The MOST BASIC NOTION of layout, putting things in a…

> The MOST BASIC NOTION of layout, putting things in a freaking grid, was missing from CSS for almost two decades This is not true. CSS have had ‘display:table’ for 25 years, which is a simple grid layout model equivalent to html tables. Content can be aligned in rows and columns. ‘Display:grid’ is much more powerful of course.

Yeah, I remember those. It was intended as a way to make "tables" using divs.

That way, we could pretend to do page layout with CSS, while still feeling shitty about repurposing something meant for tables.

There's just no justifiable reason for putting whole-page lay-out on the back-burner for so long. So many other far less important things came out before grid, it feels almost like it was deliberately spiteful to delay it so long.

Re: Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout

#230

Post by recursive »

The_Colonel wrote: post #211
lloydatkinson wrote: post #162

Earlier quoted context omitted.

[flagged]

JS DOM API is still abysmal and jQuery API is still great. No worshipping needed.

Really? Genuine question, which part? If there are too many to name, how about just one? It seems pretty good to me.
Post reply on HN