this post was submitted on 26 Dec 2024
200 points (94.6% liked)

Programmer Humor

32745 readers
242 users here now

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

founded 5 years ago
MODERATORS
 
you are viewing a single comment's thread
view the rest of the comments
[โ€“] HiddenLayer555@lemmy.ml 2 points 22 hours ago* (last edited 18 hours ago) (1 children)

To be fair, let's not pretend we haven't all written JS to resize shit in desperation when the CSS doesn't work. Though the better way to do this would probably be to listen for the window size change to fire your style changing functions. That makes it behave more like responsive CSS that changes automatically when you resize the window (though with a slight lag sometimes because it's a lot more computationally expensive). Though it could also be due to the browser putting unused tabs to sleep and stopping JS execution which would be outside the website's control.

[โ€“] Ephera@lemmy.ml 1 points 17 hours ago

Well, the situation you describe, is probably best handled by CSS media queries.

In case you're not familiar, you can write:

@media (width < 800px) {
  h1 {
    font-size: 110%;
  }
}

...to get smaller headings on mobile, for example.

But yeah, reality may be more ugly. Especially, if you're using a bulky JS framework, it may be easier to do the JS dance.