Beta 3 – Other Keyboard Shortcuts

Beta
#1

Command + K is no longer launching the Outline view in Safari (started in an earlier Beta, and I hadn’t gotten around to mentioning it yet).

Is there a keyboard shortcut for the new Dev panel? (If you don’t end up using Command Shift X for the elements library, it feels like that’s a good candidate for this)

Is there a shortcut for the page CSS/JS panels?

#2

Also, in the dropdown, both Layouts and Templates show that they’re mapped to Command Option L (it takes you to the Template manager when you hit the shortcut, but it never actually loads for me).

image

#3

Also, in Safari, when I do Command Option W to open the Font Manager, it’s closing all my browser windows.

Screen Shot 2020-10-12 at 6.30.05 PM

And Command Option D is just toggling the visibility of the macOS dock instead of opening Design Cloud.

image

… and in the Keyboard Shortcuts hints, it says ESC closes the open window. But it doesn’t seem to do anything for me. (I’ve tried opening all the new floating panels, and none of them close… nor does the hamburger menu content)

image

#4

Thanks Devin! We’ll check these out. We probably won’t add one for the dev console, but I could see adding one for the code editors.

1 Like
#5

I’m sure you guys have been working through the other bugs, but just wanted to point out that all the keyboard shortcut issues I described here are still problems.

Command + Option + W is particularly dangerous because it closes all open browser windows in Safari.

image

#6

Hey, @devinelston!

Took some time to go through this and discuss with Alex and we’ve made some general changes to the approach in this dropdown:

  1. We felt in general there were simply too many commands in there to remember and it’s kind of jarring to open up the menu and see a command everywhere. We essentially paired it back to builders and managers only, because certain destinations like “History” aren’t even as readily needed anymore due to undo / redo being surfaced in the bar, and other destinations like “Design Cloud” aren’t places you’re needing to jump to all the time.
  2. We needed to free up some logical shortcuts that were being taken up by these other destinations since you found some conflicts in Safari.

That being said, we’ve gone forward with this:

Screen Shot 2020-11-20 at 4.25.00 PM
Screen Shot 2020-11-20 at 4.25.00 PM638×1362 27.3 KB

  • Fonts is now Command + Option + T (the thinking here is “T” for “Typography”)
  • Colors is Command + Option + K (the thinking here is that “K” is used for color management in Photoshop and some other editing apps).

Command + K for the old Skeleton Mode is gone since that feature is gone now, but what we discussed was keeping the Command + Option + ______ pattern whenever navigating somewhere, and what we’re planning on doing is using numbers for navigating between the panes in the builders. This will ultimately look like:

  • Command + Option + 1: Outline
  • Command + Option + 2: Inspector
  • Command + Option + 3: {{Context}} Settings
  • Command + Option + 4: Theme Options

Basically it just goes in order with what you see up in the navbar there. This should streamline things greatly as well as addressing everything you’ve mentioned here.

Thanks!

1 Like
#7

Sounds good, thanks!

#8

You’re welcome! Beta8 (about to be pushed) will have the shortcuts removed, but doesn’t have the 1-4 items wired up yet. When they are live they will appear in the shortcuts panel.

1 Like