Details
Description
A really useful feature for testing and the demos would be a client viewport simulator. On a desktop view, for demo purposes, we could allow the user to view in a range of supported devices, and render a mockup of that device and the screen dimensions on the screen in both portrait and landscape modes.For the device chrome we could stock images of the devices, and for the viewports we use an iframe pointing to the demo.
This may work better on some browsers than others, and we might simply target certain workable desktop browsers, like Chrome, and specify that others are not supported.
One issue would be removing the scroll bars. On webkit this is simple:
#element::-webkit-scrollbar
{ width: 0 !important }To simulate touch scrolling, we might just use external buttons outside the mock device screen allowing the users to scroll up or down.
was:A really useful feature for testing and the demos would be a client viewport simulator. On a desktop view, for demo purposes, we could allow the user to view in a range of supported devices, and render a mockup of that device and the screen dimensions on the screen in both portrait and landscape modes.For the device chrome we could stock images of the devices, and for the viewports we use an iframe pointing to the demo.