webhintio / webhintio.github.io

🌍 webhint's website
https://webhint.io
Apache License 2.0
143 stars 72 forks source link

Design 'scan complete' UI notification #316

Open ststimac opened 6 years ago

ststimac commented 6 years ago

Design UI to sign up for notifications when the scan is completed.

@molant do we also need to design the actual notification? How is the notification being sent?

molant commented 6 years ago

It will use the system notifications so we will just need an image.

ststimac commented 6 years ago

What are the size/file requirements for the image for this? I'm thinking we could use the image from the old favicon with a check mark to should scan completed.

molant commented 6 years ago

Did you end up using an image in https://github.com/MicrosoftEdge/pushnotifications-demo? It should be the same. If not, 192x192 seems to be the standard from the docs I'm reading.

ststimac commented 5 years ago

@molant is there a preference between the two of these? And once we pick, do you want me to just email the image to you?

toast-notification-01

toast-notification-02

molant commented 5 years ago

If these images have the right resolution already no need to do anything else. We'll pick one once we do the work and test in different browsers.

Thanks!

ststimac commented 5 years ago

Saved out at 192x192 and 72dpi (screen res). Should be all good.