Skip to content

Instantly share code, notes, and snippets.

@Dobby89

Dobby89/Productivity.md

Last active June 27, 2025 12:03
Show Gist options
  • Save Dobby89/cbefc6bfc078f522556d7df89d7066e6 to your computer and use it in GitHub Desktop.
Save Dobby89/cbefc6bfc078f522556d7df89d7066e6 to your computer and use it in GitHub Desktop.
Download ZIP
Tips & tricks for productivity / workflow
Raw
Productivity.md

Windows

Tips

  • Remove desktop background (if your company enforces one)
    • If you search in the start menu for Ease of Access, you'll see a result for Ease of Access brightness setting.
    • Once that settings page has been opened, if you scroll down to the bottom, you’ll see an option to Show desktop background image. If you toggle this to off, it will set the background to the default black.

Keyboard shortcuts

Description Shortcut Notes
Switch between windows Alt + ↹ Tab
Alt + ⇧ Shift + ↹ Tab
Move windows around ⊞ Windows + ↑ Up
⊞ Windows + → Right
⊞ Windows + ↓ Down
⊞ Windows + ← Left
Move window to different screen (without changing size of window) ⊞ Windows + ⇧ Shift + → Right
⊞ Windows + ⇧ Shift + ← Left
Open file explorer ⊞ Windows + E
Open legacy context window in file explorer ⇧ Shift + Right click
Copy paths to files in clipboard from file explorer Select files > ⇧ Shift + Right click > Copy as path
Paste unformatted Ctrl + ⇧ Shift + V
Open Windows Emoji picker ⊞ Windows + .
Paste from clipboard history ⊞ Windows + V
Open Magnifyer ⊞ Windows + +
Switch the keyboard langauge/layout ⊞ Windows + Space Article
Open with administrator from Start menu Start menu, search for "cmd", Ctrl + ⇧ Shift + Enter

Fix Taskbar icons not showing

  • Option 1: Restart File Explorer
    • Go to Task Manager -> find File Explorer -> Right click -> Restart
  • Option 2: Run the following bat script e.g. rebuild_icon_cache.bat
@echo off
set iconcache=%localappdata%\IconCache.db
set iconcache_x=%localappdata%\Microsoft\Windows\Explorer\iconcache*

echo.
echo The explorer process must be temporarily killed before deleting the IconCache.db file.
echo.
echo Please SAVE ALL OPEN WORK before continuing.
echo.
pause
echo.
If exist "%iconcache%" goto delete
echo.
echo The %localappdata%\IconCache.db file has already been deleted.
echo.
If exist "%iconcache_x%" goto delete
echo.
echo The %localappdata%\Microsoft\Windows\Explorer\IconCache_*.db files have already been deleted.
echo.
exit /B

:delete
echo.
echo Attempting to delete IconCache.db files...
echo.
ie4uinit.exe -show
taskkill /IM explorer.exe /F
timeout /t 2 >nul
del /A /F /Q "%iconcache%"
del /A /F /Q "%iconcache_x%"
start explorer.exe

Browser / Chrome

Tips

  • Set dark mode (taken from https://www.howtogeek.com/446198/how-to-force-dark-mode-on-every-website-in-google-chrome/) image

  • Set Dev Tools panel layout to horizontal (Settings cog > Preferences > Panel layout).

  • Preserve console log

  • When Chrome's "ignore security warning" prompt won't reset! Delete security policy chrome://net-internals/#hsts Screenshot of delete security policy input

    • If this still doesn't work, you can type thisisunsafe on the security warning screen and the page should load (read more)

  • Enable Houdini Features in Chrome - chrome://flags/#enable-experimental-web-platform-features

Keyboard shortcuts

Description Shortcut
Open tab Ctrl + T
Close tab Ctrl + W
Scroll wheel click the tab
Re-open closed tab Ctrl + ⇧ Shift + T
Close all tabs Ctrl + ⇧ Shift + W
Close other tabs Right click tab > Close other tabs
Close tabs to the right Right click tab > Close tabs to the right
Duplicate tab Right click tab > Duplicate
Ctrl + ⇧ Shift + K (Edge only)
Switch between tabs Ctrl + ↹ Tab
Ctrl + ⇧ Shift + ↹ Tab
Select all URL Ctrl + L
Go to top of page Ctrl + Home
Go to bottom of page Ctrl + End

VS Code

Tips

  • Move Terminal panel to the right of the editor window
  • Use the gutter to find your changes
  • Set User Snippets to boilerplate code you use often
  • Toggle screencast mode to show clicks and keystrokes onscreen using F1 and search for "screencast"
    image
  • Search for symbols globally
    • Open file search Ctrl + P and type # then search for symbols
  • Search for strings globally
    • Open file search Ctrl + P and type % then search for string
    • Ctrl + Shift + F

Keyboard shortcuts

https://github.com/Dobby89/keyboard-shortcut-workshop

Visual Studio

Tips

  • Use VS Code key bindings - https://stackoverflow.com/a/62417446/5243574
  • Open project in existing window: Tools -> Options -> Projects and Solutions -> Web Projects -> Uncheck "Stop debugger when browser window is closed" image

Terminal

Commands

Description Command Example
Copy the output to clipboard <command> | clip ls | clip
Create a file touch <filname.ext> touch .env
Copy file/directory cp -r <pathOfFileToBeCopied> <pathToBeCopiedTo> cp -r ./oldDir ./newDir
Rename file/directrory mv <oldFilename> <newFilename> mv old new
Find out where an NPM package is being included npm list <package> npm list @babel/traverse

Software

Website Tools

NPM Packages

Font Icon Tips

Original Issue: nfroidure/gulp-iconfont#16

  1. Save all the SVG files on a square canvas with a 1px gap around the edges. I personally use a canvas/artboard of 128 x 128px with the icon placed centrally. If the icon isn't square, or 1:1 width:height ratio, then just make sure the longest edge is 126px.

Illustrator canvas

  1. When saving the SVGs out, use the following settings. The 3 decimal places contradicts the author @nfroidure's recommendations, but it helps get better results. Using just 1 decimal place made more complex SVGs render badly.

Illustrator SVG export settings

  1. In the gulp task, set fontHeight: 1001. I found this fixes badly rendered icons.

  2. Don't run the iconfont task directly on your source SVGs. Instead, copy them to a temporary directory first and then run it on those files. This stops the plugin renaming your files (e.g. arrow.svg to uE001-arrow.svg), which I find is quite annoying. After the iconfont has been generated, you can delete the temporary directory since it won't be needed.

This seems to help reduce the chance of the plugin messing around with your source SVG files. Before I started doing this, I was opening them up in Illustrator and they would be repositioned and their paths slightly changed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment