Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Show a loading animation while extension fetches static head #68

Open
rviscomi opened this issue Jul 14, 2023 · 0 comments
Open

Show a loading animation while extension fetches static head #68

rviscomi opened this issue Jul 14, 2023 · 0 comments

Comments

@rviscomi
Copy link
Owner

When the extension is slow to fetch the static head, users see a blank color bar:

image

There isn't any indication that work is being done, so it's unclear whether there's an error or whether to expect results soon.

Design some kind of loading animation to suggest progress being made in the background. Consider also including some kind of loading message.

One design idea is to play on the rectangle shapes of the populated color bar:

image

The colors can be desaturated so it's obvious that it's not the final result:

image

And maybe some kind of pulsing animation on random "elements"/rectangles to mesmerize the user while they wait :)

Side note: the desaturated demo image uses the pink palette in place of the default theme because it uses a linear luminance scale, which preserves the visual "sort order" of the results. Only important if the bottom row is actually sorted, otherwise we can randomize both rows.

The dynamic mode shouldn't need a loading animation because it can ~immediately process the document.head without any network latency. The snippet is also affected by the static loading delay, but we're limited in how much we can do in the console.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant