Sunday, August 25, 2019

Sizzy has two ways of navigation and syncing action between devices. You can switch between them in the "Navigation Mode" popup in the toolbar.

Navigation 1

This is our own custom implementation for syncing scroll between devices. A big pro of our implementation is the "Absolute scroll sync" option, which allows you to scroll all devices by an equal amount, without making that amount dependent on the device height.

Navigation 2

This is an implementation using BrowserSync and it has more options:

• Sync Scroll
• Sync Clicks
• Sync Forms
• Navigate SPA (single page apps) without reloading the page
• etc.

However, keep in mind that if you are already using BrowserSync in your app, you might run into some issues.

Our goal is to eventually fork BrowserSync and merge the two ways of navigation, but for now, unfortunately, you have to choose only one.

You can click on the "Kebab menu" icon in the device header to get extra options for each device.

You can run specific simulations that are only going to be applied to this device (network speed, color scheme, locale, print, keyboard mode, etc.)

You can also take screenshots, record videos, edit or clone the device, etc.