Remix.run Logo
manbash a day ago

Ah, those days, where you would slice your designs and export them to tables.

chrisweekly a day ago | parent | next [-]

I remember building really complex layouts w nested tables, and learning the hard way that going beyond 6 levels of nesting caused serious rendering performance problems in Netscape.

JimDabell a day ago | parent | next [-]

I remember seeing a co-worker stuck on trying to debug Netscape showing a blank page. When I looked at it, it wasn’t showing a blank page per se, it was just taking over a minute to render tables nested twelve deep. I deleted exactly half of them with no change to the layout or functionality, and it immediately started rendering in under a second.

shomp a day ago | parent | prev [-]

Six nesting levels for tables? Cool, what were you making?

chrisweekly a day ago | parent | next [-]

Upromise. com -- a service for helping families save $ for college. Those layouts, which I painstakingly hand-crafted in HTML, caused the CTO to say "I didn't know you could do that with HTML", and was served to the company's first 10M customers.

chimeracoder 20 hours ago | parent | prev [-]

> Six nesting levels for tables?

Hacker News uses nesting tables for comments. This comment that you're reading right now is rendered within a table that has three ancestor tables.

As late as 2016 (possibly even later), they did so in a way that resulted in really tiny text when reading comments on mobile devices in threads that were more than five or so layers deep. That isn't the case anymore - it might be because HN updated the way it generates the HTML, though it could also be that browser vendors updated their logic for rendering nested tables as well. I know that it was a known problem amongst browser developers, because most uses for nested tables were very different than what HN was (is?) using them for, so making text inside deeply nested tables smaller was generally a desirable feature... just not in the context of Hacker News.

reconnecting 18 hours ago | parent | prev | next [-]

Why not! We did this in 2024 for our website (1) to have zero CSS.

Still works, only Claude can not understand what those tables means.

1. https://www.tirreno.com

lewiscollard 18 hours ago | parent | next [-]

That's a fun trick, but please consider adding ARIA roles (e.g. role="presentation" to <table>, role="heading" aria-level="[number]" to the <font> elements used for headings) to make your site understandable by screen readers.

anon1395 11 hours ago | parent | prev | next [-]

Your logo gets cut off in Firefox https://i.ibb.co/kbj5vw7/image.png

2b3a51 8 hours ago | parent [-]

I'm on Firefox and when I right click and open image in new tab I see an svg file with pale blue text colour and cut-off lettering. The source of the svg suggests that the letters are drawn paths rather than a font.

Saving the svg file down and loading into Inkscape shows a grouped object with a frame and then letter forms. The letter forms are not fonts but a complete drawn path. So I think the chopping off of the descenders is a deliberate choice (which is fine if that is what's wanted).

The whole page looks narrow and long on my landfill android phone so the content is in the middle third of the browser but can pinch-zoom ok onto each 'cell' or section of text or the graphs.

Thanks to tirreno and reconnecting for posting this interesting page markup.

danielbarla 18 hours ago | parent | prev [-]

> Why not!

Responsive layout would be the biggest reason (mobile for one, but also a wider range of PC monitor aspect ratios these days than the 4:3 that was standard back then), probably followed by conflating the exact layout details with the content, and a separation of concerns / ease of being able to move things around.

I mean, it's a perfectly viable thing if these are not requirements and preferences that you and your system have. But it's pretty rare these days that an app or site can say "yeah, none of those matter to me the least bit".

ralferoo 9 hours ago | parent | prev | next [-]

It was relatively OK to deal with when the pages were created by coders themselves.

But then DreamWeaver came out, where you basically drew the entire page in 2D and it spat out some HTML tables that stitched it all back together again, and the freedom it gave our artists in drawing in 2D and not worrying about the output meant they went completely overboard with it and you'd get lots of tiny little slices everywhere.

Definitely glad those days are well behind us now!

dylan604 7 hours ago | parent [-]

wasn't it Fireworks that sliced the image originally. you'd then be able to open that export into Dreamworks for additional work. I didn't do that kind of design very long. Did Dreamworks get updated to allow the slicing directly bypassing Fireworks?

bigbuppo 3 hours ago | parent | prev | next [-]

Oh man, Photoshop still has the slice feature and it makes the most horrendous table-based layout possible. It's beautiful.

thecr0w a day ago | parent | prev | next [-]

I learned recently that this is still how a lot of email html get generated.

mananaysiempre a day ago | parent | next [-]

Apparently Outlook (the actual one, not the recent pretender) still uses some ancient WordHTML version as the renderer, so there isn’t much choice.

masklinn 18 hours ago | parent [-]

Fun fact: until Office 2007, outlook used IE’s engine for rendering html.

ricardonunez a day ago | parent | prev [-]

Oh yeah, recently I had to update a newsletter design like that and older versions of outlook still didn’t render properly.

mmanfrin 21 hours ago | parent | prev | next [-]

I yearn for those days. CSS was a mistake. Tables and DHTML is all one needs.

thomasz 18 hours ago | parent | next [-]

You jest, but it took forever to add somewhat intuitive layout mechanism to css which allowed you to do what could be done easily with html tables. Vertically centering a div inside another was really hard, and very few people understood the techniques you would use, instead of blindly copying them.

It was beyond irony that the recommended solution was to tell the browser to render your divs as a table.

bluSCALE4 20 hours ago | parent | prev [-]

CSS was a mistake? JavaScript was a mistake, specifically JavaScript frameworks.

tobyjsullivan 20 hours ago | parent [-]

JavaScript? HTML and HTTP were the real mistakes.

someguyiguess 20 hours ago | parent [-]

HTML and HTTP? TCP was the real mistake.

insaider 19 hours ago | parent [-]

"In the beginning the universe was created. This made a lot of people angry and has widely been considered as a bad move."

gregoryl a day ago | parent | prev | next [-]

Gosh, there was a website, where you submit a PSD + payment, and they spit out a sliced design. Initially tables, later, CSS. Life saver.

Brajeshwar a day ago | parent [-]

Y Combinator funded one such company, MarkupWand.[1] A friend is one of the co-founders.

1. https://www.ycombinator.com/companies/markupwand

jweir a day ago | parent | prev [-]

And use a single px invisible gif to move things around.

But was Space Jam using multiple images or just one large image with and image map for links?

bot403 20 hours ago | parent [-]

The author said he had the assets and gave them to Claude. It would be obvious if he had one large image for all the planets instead of individual ones.