top | item 43347045

(no title)

arnley | 11 months ago

Views transitions are very useful in content-first websites.

I've used them extensively when working on https://stack.lol

Try and navigate through pages, or change the language, and you'll get these neat effects "for free".

Frameworks like AstroJS also help a lot as they facilitate using view transitions.

discuss

order

gibibit|11 months ago

I guess this is a matter of preference. I see when I click a link on stack.lol that the page header remains visible, but the rest of the page disappears (blanks to white) for a second before the next page appears.

I prefer a seamless experience of seeing the next page immediately without a "white flash" first. For instance, if I am looking at a GitHub project page and I click the "Issues" button, in a fraction of a second the page changes to the Issues page without any intermediate disappearance or partial page load.

In most cases, I find transition effects like fading, sliding, etc. to be an annoyance that adds unnecessary delay and visual distraction.

arnley|11 months ago

Nice catch, thanks for the feedback.

I just enhanced a bit the implementation so that it flickers ...less.

Still looking for ways for this static implementation with view transitions to 100% persist the dark mode during transitions.

Edit: Fixed. Using a tiny bit of script[1] from the Astro documentation.

[1]: https://docs.astro.build/en/guides/view-transitions/#astrobe...

nartho|11 months ago

I believe this is related to the implementation of the light/dark theme. It uses the preferred theme but default to light, if your preferred theme is dark, it will take some time where it defaults to light before being set to dark. There are workarounds.

nayuki|11 months ago

> https://stack.lol/

The page layout is broken in Firefox 136.0.1 but okay in Chrome 134.0.6998.89 =(. I don't have time to debug what CSS feature might be causing this problem.

codazoda|11 months ago

This site doesn't work well on desktop Safari either. Clicking things doesn't seem to do anything but a few seconds later I'll see some movement. I suspect something is wildly broken or I just don't understand the navigation.

jen729w|11 months ago

Sorry to report this doesn’t work well on mobile Safari.

Tapping one of the items in the list causes mayhem.

Going ‘back’ causes stuff to flicker all over the screen.

arnley|11 months ago

Didn't try on Mobile Safari. That's on me. Going to fix that one.

Kudos to you for reporting it so nicely.