(no title)
arnley | 11 months ago
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.
gibibit|11 months ago
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
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
nayuki|11 months ago
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
jen729w|11 months ago
Tapping one of the items in the list causes mayhem.
Going ‘back’ causes stuff to flicker all over the screen.
arnley|11 months ago
Kudos to you for reporting it so nicely.