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.

Sign up for GitHub

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

Jump to bottom

Research: Skeleton States #1088

Closed
bstifle opened this issue Oct 7, 2020 · 9 comments
Closed

Research: Skeleton States #1088

bstifle opened this issue Oct 7, 2020 · 9 comments
Labels
0 - new New issues that need assignment. design Issues that need design consultation prior to development. discussion Issues relating to a conversation where feedback is optional. enhancement Issues tied to a new feature or request. p - low Issue is non core or affecting less that 10% of people using the library research Issues that require more in-depth research or multiple team members to resolve or make decision.
Milestone
Design Backlog

Comments

@bstifle
Copy link

bstifle commented Oct 7, 2020

Add skeleton state mixin(s) for the appearance of loading UIs

Current design:

Skeleton States Comp.zip
@bstifle bstifle added the enhancement Issues tied to a new feature or request. label Oct 7, 2020
@macandcheese macandcheese removed their assignment Oct 7, 2020
@macandcheese
Copy link
Contributor

macandcheese commented Oct 7, 2020 •
edited
Loading

I think this is part of a larger discussion / implementation of these across multiple components and we should use this as a research issue for the time being

@macandcheese macandcheese added discussion Issues relating to a conversation where feedback is optional. research Issues that require more in-depth research or multiple team members to resolve or make decision. and removed component-card labels Oct 7, 2020
@bstifle bstifle changed the title Enhancement: Skeleton States Research: Skeleton States Oct 7, 2020
@samanthahunter
Copy link

Info thus far from Hub team:
The vast majority of skeleton screens implemented today act exclusively as splash screens.

  • we have implemented a shimmer effect on splash screen (SVG) using gradients in Hub ..
    However, skeleton loaders were intended to progressively load content, replacing skeleton placeholder objects with content like real text and images as soon as they are available. (And the more I'm reading its not recommenced to use SVGs but pure css)..

Why to add? Skeletons enhance perceived performance (how fast something feels to a user). Read More - Example of MS Teams using this method of replacing objects as you can see some content is loaded and some is not in this video (< Esri only link).

Hub dev recommended this article about how to build skeleton screens with css custom properties - we have not yet tested this in Hub

@macandcheese macandcheese mentioned this issue Oct 7, 2020
Closed
@github-actions
Copy link
Contributor

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@github-actions github-actions bot added the Stale Issues or pull requests that have not had recent activity. label Nov 20, 2020
@macandcheese
Copy link
Contributor

Still valid.

@github-actions github-actions bot removed the Stale Issues or pull requests that have not had recent activity. label Nov 21, 2020
@github-actions
Copy link
Contributor

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@github-actions github-actions bot added the Stale Issues or pull requests that have not had recent activity. label Jan 21, 2021
@github-actions
Copy link
Contributor

github-actions bot commented Feb 5, 2021

This issue has been automatically closed due to inactivity.

@github-actions github-actions bot closed this as completed Feb 5, 2021
@macandcheese
Copy link
Contributor

Still valid, nice to have post 1.0 IMO

@benelan benelan reopened this Jan 19, 2022
@benelan benelan added 0 - new New issues that need assignment. and removed Stale Issues or pull requests that have not had recent activity. labels Jan 19, 2022
@benelan benelan added this to the Freezer milestone Jan 19, 2022
@ajturner
Copy link
Member

Relevant ideas from @rweber-esri about skeleton configuration in this issue

@jcfranco jcfranco mentioned this issue Aug 16, 2022
Open
@jcfranco jcfranco added design Issues that need design consultation prior to development. needs triage Planning workflow - pending design/dev review. labels Jul 26, 2023
@jcfranco jcfranco mentioned this issue Jul 27, 2023
Open
@brittneytewks brittneytewks added p - low Issue is non core or affecting less that 10% of people using the library and removed needs triage Planning workflow - pending design/dev review. labels Aug 17, 2023
@geospatialem geospatialem mentioned this issue Aug 21, 2023
Open
3 tasks
@brittneytewks brittneytewks added the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Sep 12, 2023
@geospatialem
Copy link
Member

closing in favor of #5162

@ashetland ashetland removed the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Nov 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
0 - new New issues that need assignment. design Issues that need design consultation prior to development. discussion Issues relating to a conversation where feedback is optional. enhancement Issues tied to a new feature or request. p - low Issue is non core or affecting less that 10% of people using the library research Issues that require more in-depth research or multiple team members to resolve or make decision.
Projects
None yet
Milestone
Design Backlog
Development

No branches or pull requests
10 participants
@ajturner @jcfranco @alisonailea @macandcheese @geospatialem @benelan @bstifle @samanthahunter @ashetland @brittneytewks