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

Implement HUD Overlay #1

Closed
addyosmani opened this issue Apr 12, 2020 · 0 comments
Closed

Implement HUD Overlay #1

addyosmani opened this issue Apr 12, 2020 · 0 comments
Assignees
@addyosmani
Labels
enhancement New feature or request

Comments

@addyosmani
Copy link
Member

addyosmani commented Apr 12, 2020 •
edited

Summary:

  • When a developer installs the extension, in addition to the Ambient Badge, we can also render an in-page persistent heads-up display with WebVitals.js RUM data.
  • This HUD should maintain a level of opacity (0.7?) to ensure the developer can still see the underlying UI to the page. This is inline with other HUD DX offered in Chrome DevTools for the FPS HUD.
  • This HUD should provide a way to optionally close it (e.g an X) in case a developer decides it’s too invasive for their current session.
  • We could expose a user-preference in extension settings to toggle on/off the HUD.

Initial mock up: https://glitch.com/edit/#!/metrics-overlay?path=index.html:26:36
@addyosmani addyosmani self-assigned this Apr 13, 2020
@addyosmani addyosmani changed the title Explore Overlay Implement HUD Overlay Apr 13, 2020
@addyosmani addyosmani added the enhancement New feature or request label Apr 13, 2020
This was referenced Apr 13, 2020
Closed
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@addyosmani addyosmani

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@addyosmani