tkainrad
However, we do love to use our products! Once logged in, you will see that we replaced the Intercom chat widget with HelpHub there. We still offer Intercom chat as a fallback if you need to talk to a human.
Does Your Product Need Dark Mode?
Designing a coherent set of keyboard shortcuts
Data-derived advice for designing a set of keyboard shortcuts
Bringing User-Customizable Shortcuts to Web Apps
CommandBar lets your app’s users customize their keyboard shortcuts
An interactive course to remember Markdown, HTML, and Regex essentials
I fully agree also on creating your own cheat sheets. That's why I have developed an entire app around this idea: KeyCombiner[2]!
It let's you create your own collections, practice them via an interactive trainer and spaced repetition, look them up without context switch through the desktop app's instant look, visualize them on a virtual keyboard, etc.
[1] https://tkainrad.dev/posts/learning-all-vscode-shortcuts-evo...
Anyway, glad it works now!
An interactive course to learn the terminal's keyboard shortcuts
Interactive lessons to learn Gmail's keyboard shortcuts
I feel like if I tried to do a demo mode without storage anonymous users would be left with a 2nd class experience and potentially think less of KeyCombiner.
However, there's already lots of things that anonymous users can do: Browse all public collections, courses, and lessons. Use the practice demo on the home page. Search through KeyCombiner's entire database of public shortcuts. And more.
There is KeyCombiner Desktop that enables practice of any browser-reserved shortcuts. Only OS-reserved bindings are still a problem, but fortunately there's very few of those.
KeyCombiner Desktop also comes with an instant lookup feature that let's you look up all shortcuts that are in your combined collections plus those of the currently active application. On macOS, KeyCombiner can even show the shortcuts for the active browser tab!
However, there are a few things that I think KeyCombiner does better. I am very biased though ;)
- You can edit any combination in your lessons or personal collections. So, if you bind some VSCode bindings to keys that you are used to from Sublime, that's not a problem.
- There are quite sophisticated statistics regarding your practice performance. Most importantly, a confidence value for every combination
- You can create your own collections to practice by copying from public collections, manually defining your own combinations, doing CSV import,...
- There is a desktop app that mitigates conflicts with browser (extension) shortcuts
- The desktop app has an instant lookup feature that shows you the shortcuts of the current app (+ current browser tab on macOS), and all the combinations in your personal collection and lessons. You can trigger the instant lookup from anywhere via a global shortcut, so you don't need to leave your current context.
Those 4 rectangles should contain the next 4 shortcuts that you have to type. Not sure how this could happen. If you don't mind, could you try with a different collection or lesson? Does the browser console show some errors?
The only limitation with Firefox is that it does not support the navigator.keyboard API. So, the visual keyboard and some other advanced KeyCombiner features cannot show your system's keyboard layout but rather have to default to the US layout.
An interactive 19-lesson course to master VSCode's keyboard shortcuts
I still have to use KeyCombiner Desktop's instant lookup[2] feature from time to time to look up its more unusual bindings.
A somewhat related blog post: Learning all VSCode shortcuts evolved my developing habits [3]
[2] A feature to look up shortcuts without leaving your current app. Can show shortcuts of the current app, current browser tab (macOS only), and shortcuts that you manually curated in collections.
[3] https://tkainrad.dev/posts/learning-all-vscode-shortcuts-evo...
You might want to have a look at KeyCombiner Desktop[1], an application that can show the shortcuts for the current app without leaving it. On macOS, it even shows shortcuts for the current browser tab.
This solved the problem for me. Disclaimer: I made KeyCombiner
RegExr is more capable when it comes to helping you understand how regular expressions work. KeyCombiner will help you remember the syntax.
Creating an account is required for saving your progress.