processing / p5.js-website

New p5.js website!
http://p5js.org
MIT License
19 stars 89 forks source link

Consider using transitions or reduce use of JS in the nav links #477

Open stalgiag opened 3 months ago

stalgiag commented 3 months ago

Increasing Access

This could prevent layout shift and "flashing" on page navigation which could create a more continuous and easier-to-follow experience.

Most appropriate sub-area of p5.js?

All pages

Feature request details

The nav panel reloads on every navigation. This leads to a kind of "flashing" experience in that component. This is more noticeable in situations where the side links are numerous and take a while to populate like on Reference. I know that the related components were switched to Preact components in order to handle active resizing from desktop <-> mobile but I think it would be worth the effort to move these back to Astro components with scripts where possible. In my opinion, this would significantly improve look and feel.

An alternative option that could achieve something interesting is Astro View Transitions but those would warrant further testing as they have their own impact on look and feel.

This is in no way urgent but I just wanted to file an issue to indicate that I think more server-side rendering would be an improvement here. I'd be open to working on it at some point if the team agrees that this would be an improvement but it would likely be a month or so until I had the capacity to take it on