search

PaulJerimy / SecCertRoadmapHTML

Security Certification Roadmap HTML5/CSS3 version
Creative Commons Attribution Share Alike 4.0 International
525 stars 104 forks source link

Poor Mobile Experience #18

Open sinecurelife opened 3 years ago

sinecurelife commented 3 years ago

This chart is too large to be viewed properly on mobile devices. A smaller option should be made available to those who would like to view the chart without zooming.

If removing certifications to make a smaller chart is selected, proper selection criteria should be developed to decide which certifications to remove.

sinecurelife commented 3 years ago

The code treats any screen with a wide 897px or smaller as mobile (iPhone Max is 898px wide). When this happens, the code switches from the chart to a static image (lines 674-688).

If a better way is possible, I'm open to changing this behavior.

sinecurelife commented 3 years ago

I've gotten more feedback that the mobile version is not very good. 60% of traffic is on mobile so this is now a high priority issue.

sinecurelife commented 2 years ago

I updated the image to be the April 2022 version which will make it less bad for awhile

gsuberland commented 2 years ago

Making the image a clickable link to itself would help. Right now, on Chrome under Android, there's no way to zoom in on the page - it treats it as fixed width and a two-finger drag motion does nothing. I had to long-press the image and go to "open image in new tab" to read it.

sinecurelife commented 2 years ago

I adjusted the website template to allow the real chart to horizontally scroll in the mobile version.

Remaining issues: