Live data from Hacker News

Hardest problem in computer science: centering things

tonsky.me

351–360 of 473 posts

Re: Hardest problem in computer science: centering things

#351
post #98

Earlier quoted context omitted.

The same happens when you: - Install flooring - Install trim in your own home - Build / install cabinets You will now see: - Odd flooring patterns and uneven floors - Know what it looks like when trim isn't coped - Uneven gaps between doors

Most import rule is to never do your own drywall. I still haven't learned it.

That's the easiest though! All you need is a good sander.

Re: Hardest problem in computer science: centering things

#352
post #106

Earlier quoted context omitted.

It is a weird myth that CSS somehow discourages tables. CSS have supported styling html tables and ‘display:table’ (allowing a table-like layout without html-tables) for 25 years. Float and clear was grandfathered into CSS since they were added to HTML by Netscape. They are fine for their intended purpose: placing images in a text and have the text flow around. Other positioning systems you mention does not solve the…

When people say not to use tables they mean for layout of the entire page

and instead we have a clusterfuck of with tons of attrs.

Re: Hardest problem in computer science: centering things

#353

Don't read this article, if you are not in web dev. Once you start seeing it, you can't stop seeing it, and it will drive you crazy forever. It is the same for noticing misalignment, recognizing color oversaturation, high quality speakers/headphones, etc. (It is a good article!)

And if you want to suffer more proceed to this design game https://cantunsee.space/

Re: Hardest problem in computer science: centering things

#354
post #98

Don't read this article, if you are not in web dev. Once you start seeing it, you can't stop seeing it, and it will drive you crazy forever. It is the same for noticing misalignment, recognizing color oversaturation, high quality speakers/headphones, etc. (It is a good article!)

The same happens when you: - Install flooring - Install trim in your own home - Build / install cabinets You will now see: - Odd flooring patterns and uneven floors - Know what it looks like when trim isn't coped - Uneven gaps between doors

I can attest to that. Painting doors and then watching the result is akin to watching a good painting/desktop background for too long... as time passes you start to notice the irregularities. Like the girl's hand is overly big, or her legs are exaggerated.

Re: Hardest problem in computer science: centering things

#355
post #156
post #109

Earlier quoted context omitted.

I don’t think it was that tables were bad. They were too formulaic and too strict and it was hard to do something that would stand out. With CSS it wasn’t dumping problem on the others, it was giving the freedom. Problem with freedom is that it is never free and you also have to fix additional problems that come with it.

The problem I see with using tables for layout is that it fucks up the semantic meaning of the html file. But that was an issue of philosophy that got trumped by practical needs. However, nowadays we have css grids with template areas. So we can just write our HTML semantically correct as if it was more or less just about the content (as it should be IMHO) and still move things around using CSS depending on the type…

> The problem I see with using tables for layout is that it fucks up the semantic meaning of the html file.

I think the real problem is that it doesn't permit responsive layouts for different screen sizes and orientations.

Re: Hardest problem in computer science: centering things

#356

Don't read this article, if you are not in web dev. Once you start seeing it, you can't stop seeing it, and it will drive you crazy forever. It is the same for noticing misalignment, recognizing color oversaturation, high quality speakers/headphones, etc. (It is a good article!)

Former frontend developer here -- I did fight with these misalignments (typically those things that don't align were lots of nested containers, fighting with each other in different ways, so the solution was to clean them up and use one simple alignment). But I stopped noticing these things, maybe because mobile UIs are a lot worse -- not in visual design, but in that they always do weird things and live their own li…

Well, if you have full control on the frontend, then it's your responsibility to make these right.

Re: Hardest problem in computer science: centering things

#357
I’m a designer since my parents got me a copy of CorelDraw in the mid-1990s (I might even become a good one someday!), and this has always been a challenge. I’ve never jumped onto a font as quickly or as thoroughly as I did with Inter, and now I have one potential reason for why my subconscious got so piqued after my first experiences with it. I probably spend a huge proportion of time when developing websites doing dozens of CSS tweaks to correct very subtle alignment problems (whilst doing my best not to create more). Glad to see my neuroses being shared here!

Re: Hardest problem in computer science: centering things

#358

That bright yellow background imprinted my eyes for 5 minutes, there's other way to leave an impression than fucking up with my senses, like writing a clear concise article instead of a never ending list of examples interrupted with distracting fake mouse move. An horrible web experience through and through.

Funny enough, I just told my wife how unique I thought it was. It stands out. It's memorable.

I know I've read many of his posts over the last year because of that mustard yellow background. It's a strong branding choice.

Re: Hardest problem in computer science: centering things

#360
post #314

Earlier quoted context omitted.

Is accessibility for the visually impaired a cult? How could Google even work if content could not be seperated from its visual presention?

Layout tables were never a serious problem for screen readers, this has always been overblown. Screen readers adopted working heuristics to distinguish between layout and data tables early on, because tables were used for layout almost from the beginning (as soon as it was possible to remove the visible borders). See for example WebAIM https://webaim.org/techniques/tables/ : “It is sometimes suggested, even by some a…

The heuristics described still depend on semantic html e.g the use of or to signal a data table.
Post reply on HN