Hacker News new | ask | show | jobs
by arnley 456 days 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.
4 comments
gibibit 456 days 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.

link
arnley 456 days 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...

link
nartho 456 days 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.
link
nayuki 456 days 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.

link
codazoda 456 days 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.
link
jen729w 456 days 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.

link
arnley 456 days ago
Didn't try on Mobile Safari. That's on me. Going to fix that one.

Kudos to you for reporting it so nicely.

link