4 ms·

It's ironic I have to say. The "sticky" CSS property should only be used for table headers. Yet it is never used anywhere for tables, but instead misused on alm

It's ironic I have to say. The "sticky" CSS property should only be used for table headers. Yet it is never used anywhere for tables, but instead misused on almost every website for navigation and clutter.

mason55 2y ago
What’s the correct way to do sticky nav? Assume we’re skipping the arguments about whether sticky nav just shouldn’t exist.
- carlosjobim 2y ago
  That was my only argument. I think the step forward is to let website navigation become part of the browser chrome. There's space for a menu item for the website, or a dedicated button. Maybe even on-site search could become part of the browser chrome?
  - jrajav 2y ago
    We should break the clean separation between browser chrome and websites, a crucial component of the current web's UX and trust model, just to resolve a newly invented problem of arbitrarily avoiding always-accessible sticky navs?
    - carlosjobim 2y ago
      You didn't understand and jumped straight into hacker mode. It's not really about sticky headers, it's about accessibility and serving users. Any implementation would need to take security into consideration. This kind of integration would also be an improvement for web apps.
Gualdrapo 2y ago
Can you cite any reputable source where it is claimed that `position:sticky` should only be used for table headers?
- carlosjobim 2y ago
  Yes, for example Cicero wrote this in his letter to Quintus.
marcosdumay 2y ago
Sticky text headers are cool too, as long as your text isn't divided in too many levels. I'm sure there are other good use cases. The fact that almost every site out there makes a point of using it on the worst possible way doesn't justify the "should only be used for table headers", even though, yeah, your sentiment is correct.
- carlosjobim 2y ago
  When it comes to standard text and image content, I'm against scrolling and pro pagination. There is a reason why text scrolls were replaced by books about 700 years ago. We have the technique today to dynamically reflow content to enable pagination. It would be a much improved user experience on all devices, including computers and phones.

mason55 2y ago

What’s the correct way to do sticky nav? Assume we’re skipping the arguments about whether sticky nav just shouldn’t exist.

carlosjobim 2y ago
That was my only argument. I think the step forward is to let website navigation become part of the browser chrome. There's space for a menu item for the website, or a dedicated button. Maybe even on-site search could become part of the browser chrome?
- jrajav 2y ago
  We should break the clean separation between browser chrome and websites, a crucial component of the current web's UX and trust model, just to resolve a newly invented problem of arbitrarily avoiding always-accessible sticky navs?
  - carlosjobim 2y ago
    You didn't understand and jumped straight into hacker mode. It's not really about sticky headers, it's about accessibility and serving users. Any implementation would need to take security into consideration. This kind of integration would also be an improvement for web apps.

Gualdrapo 2y ago

Can you cite any reputable source where it is claimed that `position:sticky` should only be used for table headers?

carlosjobim 2y ago
Yes, for example Cicero wrote this in his letter to Quintus.

marcosdumay 2y ago

Sticky text headers are cool too, as long as your text isn't divided in too many levels. I'm sure there are other good use cases. The fact that almost every site out there makes a point of using it on the worst possible way doesn't justify the "should only be used for table headers", even though, yeah, your sentiment is correct.

carlosjobim 2y ago
When it comes to standard text and image content, I'm against scrolling and pro pagination. There is a reason why text scrolls were replaced by books about 700 years ago. We have the technique today to dynamically reflow content to enable pagination. It would be a much improved user experience on all devices, including computers and phones.