Monday, October 19, 2020

We added two new toggles in the Debug Styles plugin that will (hopefully) change the way you're debugging CSS 😄️

When you turn the "Highlight elements with ids" option you will see a border around an element and a label with the name of the element next to it. This way you can easily debug your layout without even opening the inspector.

If you want to debug only certain elements, you can enable the second option "Highlight only ids starting with sizzy-" and just give one of your elements an id that starts with sizzy-, i.e <div id="sizzy-header"/>.

P.S All the styles applied from the Debug Styles plugin will be visible only in Sizzy.

You don't have RAM to spare, so we wanted to give you as many options as possible for controlling the behavior of the tabs in the Reference Browser.

Now you can choose different values for when the Reference Browser is opened and when it's closed.

In case of SSL certificate errors, Sizzy warns you about the error and asks if you want to continue. This can get annoying when working with local SSL certificates. If you trust the pages and resources you are working with, you can turn off this popup message by toggling "Suppress SSL certificate error dialogs" in Settings -> General

In Settings -> Device -> Audio you can find a new setting for controlling the device audio. By default, the sound will play only from the first device, but if you want, you can mute or unmute all devices.