5 ms·

The flash it gives on "Restart" is blinding/annoying. Not sure if it makes a difference, but I'm in dark mode in Firefox. Cool idea btw! Combining tween + web-

The flash it gives on "Restart" is blinding/annoying. Not sure if it makes a difference, but I'm in dark mode in Firefox. Cool idea btw! Combining tween + web-sys, that too up and running in 5 days. Kudos!

esrauch 3y ago
The restart button is just navigating back to the same URL, the white flash is your browser showing white in between two pages. I don't know why browsers do that, it seems like they should be able to hold the old background color until the first paint of the new page. I also have had this annoyance going from one dark mode site to another that it just flashes pure white in between.
- verticalscaler 3y ago
  Good news everyone! https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API https://developer.mozilla.org/en-US/docs/Web/API/View_Transi... Note: The View Transitions API doesn't currently enable cross-document view transitions, but this is planned for a future level of the spec and is actively being worked on. Ah, this bit didn't make it into the current spec. See you in 2034. I suppose we could have had this 25 years ago. It is almost as if web browsers are sabotaged in subtle ways, but who would try and mess with such an important platform.
  - jerf 3y ago
    We did have them 25 years ago. https://learn.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532853(v=vs.85) https://learn.microsoft.com/en-us/previous-versions/windows/... The documentation there may not make it clear, but you could do things like navigate from one page to the next, and fade in the new page, from a normal full page reload, with no intermediate flash of unstyled anything. It was part of the attempt to lock the web into DirectX and even Microsoft themselves deprecated this a long time ago. But it definitely worked. I remember playing with it. IE4 though IE6-ish had a lot of weird stuff in it to try to drive lock in.
    - k1t 3y ago
      Bit more info here: https://www.htmlgoodies.com/javascript/dhtml-transitions/ https://www.htmlgoodies.com/javascript/dhtml-transitions/ Example to add a 1 second random fade-in: <META HTTP-EQUIV=”Site-Enter” content=”revealTrans(Duration=1.0,Transition=23)”>
      - verticalscaler 3y ago
        Time is a flat circle ;)
  - esrauch 3y ago
    Transitions API is more about supporting hero animations which others native apps and SPAs can have. I want something much simpler: if navigating between documents and it would reset to pure white then just hold the previous documents background color instead. Neither the outgoing or incoming site should have to opt in to anything for this, and it'll avoid the hell flash when going from darkmode reddit to some other darkmode site
- hirako2000 3y ago
  That's right, took a shortcut, simply reloaded the page. Could reset the animation instead that would avoid the flickering. And didn't test on firefox, my bad
  - airstrike 3y ago
    I'd play the animation in reverse and loop indefinitely until hitting pause Could also animate all the graphs on the first page with a dot moving along the lines
  - esrauch 3y ago
    It's a legitimate shortcut, don't take the issue of some browsers having less than ideal page navigation behavior too hard.
- orangevelcro 3y ago
  I've been noticing it more lately - especially at night if the room is darker. It seems like it has gotten worse lately so I was wondering if there had been some kind of change or I'm just noticing it more. Mostly am using firefox these days.
  - Bjartr 3y ago
    I think the change is more sites offer a dark mode, so the flash is more visible even though it always happened

esrauch 3y ago

The restart button is just navigating back to the same URL, the white flash is your browser showing white in between two pages. I don't know why browsers do that, it seems like they should be able to hold the old background color until the first paint of the new page. I also have had this annoyance going from one dark mode site to another that it just flashes pure white in between.

verticalscaler 3y ago
Good news everyone! https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API https://developer.mozilla.org/en-US/docs/Web/API/View_Transi... Note: The View Transitions API doesn't currently enable cross-document view transitions, but this is planned for a future level of the spec and is actively being worked on. Ah, this bit didn't make it into the current spec. See you in 2034. I suppose we could have had this 25 years ago. It is almost as if web browsers are sabotaged in subtle ways, but who would try and mess with such an important platform.
- jerf 3y ago
  We did have them 25 years ago. https://learn.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532853(v=vs.85) https://learn.microsoft.com/en-us/previous-versions/windows/... The documentation there may not make it clear, but you could do things like navigate from one page to the next, and fade in the new page, from a normal full page reload, with no intermediate flash of unstyled anything. It was part of the attempt to lock the web into DirectX and even Microsoft themselves deprecated this a long time ago. But it definitely worked. I remember playing with it. IE4 though IE6-ish had a lot of weird stuff in it to try to drive lock in.
  - k1t 3y ago
    Bit more info here: https://www.htmlgoodies.com/javascript/dhtml-transitions/ https://www.htmlgoodies.com/javascript/dhtml-transitions/ Example to add a 1 second random fade-in: <META HTTP-EQUIV=”Site-Enter” content=”revealTrans(Duration=1.0,Transition=23)”>
    - verticalscaler 3y ago
      Time is a flat circle ;)
- esrauch 3y ago
  Transitions API is more about supporting hero animations which others native apps and SPAs can have. I want something much simpler: if navigating between documents and it would reset to pure white then just hold the previous documents background color instead. Neither the outgoing or incoming site should have to opt in to anything for this, and it'll avoid the hell flash when going from darkmode reddit to some other darkmode site
hirako2000 3y ago
That's right, took a shortcut, simply reloaded the page. Could reset the animation instead that would avoid the flickering. And didn't test on firefox, my bad
- airstrike 3y ago
  I'd play the animation in reverse and loop indefinitely until hitting pause Could also animate all the graphs on the first page with a dot moving along the lines
- esrauch 3y ago
  It's a legitimate shortcut, don't take the issue of some browsers having less than ideal page navigation behavior too hard.
orangevelcro 3y ago
I've been noticing it more lately - especially at night if the room is darker. It seems like it has gotten worse lately so I was wondering if there had been some kind of change or I'm just noticing it more. Mostly am using firefox these days.
- Bjartr 3y ago
  I think the change is more sites offer a dark mode, so the flash is more visible even though it always happened