CUCentralAdvancement / giving-frontend

Next.js app that renders the frontend for the future https://giving.cu.edu
MIT License
1 stars 0 forks source link

Content Loading Indicators #36

Open alexfinnarn opened 4 years ago

alexfinnarn commented 4 years ago

In some of my ideas on how pages can be statically generated and then refreshed, there is a method of creating a skeleton page and then filling in the details.

Screen Shot 2020-06-05 at 10 56 03 AM

Visual indicators can help with UX by not just showing a spinning icon. These content placeholders can be made to look like the real thing so replacing them with content isn't that jarring on the eyes.

https://github.com/danilowoz/react-content-loader https://github.com/buildo/react-placeholder

Those are two React-based options.

stale[bot] commented 3 years ago

Since y'all haven't touched me in 60 days, I feel unwanted and will close up shop after 7 more days. If you want to keep me alive, add the "pinned" or "security" labels...but don't be cruel. More info found at https://github.com/CUCentralAdvancement/github-docs/blob/master/github/stalebot.md

alexfinnarn commented 3 years ago

I've been seeing these all over the place so still a good idea.