Back to Kitze's profile•

Friday, December 18, 2020

• Kitze's shipping log

Commits

No commits linked

Connect GitHub to see your commits here

Updates

Sizzy11:50 AM
Emulate Print Stylesheets

If you want to see how your website will look like when printed, you can emulate the print stylesheets.

Just click on the printer icon in the plugins section of the toolbar, or go to a menu of a device and choose "Print Emulation".

This way, you can compare your normal site with the print version of the website, and work on them at the same time.

Sizzy11:33 AM
Custom tabs in Debugging Panel

The Debugging Panel comes with a lot of useful tabs out of the box, but you can also add custom tabs for some tools that you want easy access to, like:

  • Storybook
  • GraphQL Playground
  • Prisma Studio
  • GraphiQL
  • Design reference
  • Docs
  • etc.

You can add the custom tabs in Settings -> Debugging Panel -> Custom Tabs

Sizzy10:32 AM
Record Videos

Recording a single device

You can click on "Record Video" in the device's menu to start a recording. This will start a countdown and record a video of the device in isolation.

Sizzy10:09 AM
Customize Debugging Panel

You can right-click any tab in the Debugging Panel in order to hide it.

The hidden tabs are still accessible through Butler, and they can be opened in a dialog.