<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Self Teach me</title>
    <description>The latest articles on DEV Community by Self Teach me (@selfteachme).</description>
    <link>https://dev.to/selfteachme</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F450967%2F94bb36fd-3166-45ad-93d9-3b410ba70f95.jpg</url>
      <title>DEV Community: Self Teach me</title>
      <link>https://dev.to/selfteachme</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/selfteachme"/>
    <language>en</language>
    <item>
      <title>The Most Productive Customization I've Made to My Computer This Year</title>
      <dc:creator>Self Teach me</dc:creator>
      <pubDate>Mon, 12 Jul 2021 19:13:13 +0000</pubDate>
      <link>https://dev.to/selfteachme/the-most-productive-customization-i-ve-made-to-my-computer-this-year-55j3</link>
      <guid>https://dev.to/selfteachme/the-most-productive-customization-i-ve-made-to-my-computer-this-year-55j3</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;A few weeks ago I did it. I converted my &lt;strong&gt;Caps Lock&lt;/strong&gt; key into a "Hyper Key." Meaning, whenever I hit Caps Lock, it's the same as holding down &lt;code&gt;Cmd + Ctrl + Option + Shift&lt;/code&gt;. &lt;/p&gt;

&lt;p&gt;Let's be honest, its hard to hold down &lt;code&gt;Cmd + Ctrl + Option + Shift&lt;/code&gt;, at the same time. &lt;em&gt;But&lt;/em&gt;, that also means, I didn't have any keyboard shortcuts with that combination. This opened up a whole new world of commands.&lt;/p&gt;

&lt;h3&gt;
  
  
  Quick Note
&lt;/h3&gt;

&lt;p&gt;If you're resistant to "loosing" your Caps Lock, like I was (because I actually use my Caps Lock key), I moved that functionality to my &lt;em&gt;right&lt;/em&gt; shift key. Already, I use my &lt;em&gt;left&lt;/em&gt; shift key exclusively, so I didn't feel like I was "loosing" anything.&lt;/p&gt;

&lt;p&gt;While I was making modifications, I also converted my right command to an extra escape key. I have the 15" Macbook Pro with the touch bar. When I'm working at my desk, I have an external keyboard. But, when I'm working directly on my laptop, I miss the tactile escape key. Plus, I'm running &lt;a href="https://folivora.ai/" rel="noopener noreferrer"&gt;Better Touch Tool&lt;/a&gt; to customize the touch bar, which shifts my escape key over, ruining my muscle memory&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwieazhbxy2ow5gq2nym1.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwieazhbxy2ow5gq2nym1.jpeg" alt="IMG_2850"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Set up Your Hyper Key
&lt;/h2&gt;

&lt;p&gt;Go to &lt;a href="https://karabiner-elements.pqrs.org/" rel="noopener noreferrer"&gt;Karabiner-Elements&lt;/a&gt; and download their software (it's free) &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqq23je1rnbaje0oy86hq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqq23je1rnbaje0oy86hq.png" alt="CleanShot_2020-09-16_at_20.19.082x"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Once it's downloaded, double click on the .dmg to unpack and open it. Then, double click on the .pkg inside and go through the install process&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgakzbe7sp3f43ork1wzm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgakzbe7sp3f43ork1wzm.png" alt="package-karabiner-elements"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Click on the &lt;strong&gt;Complex Modifications&lt;/strong&gt; tab. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flitmcm4l4zqp3abqas1d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flitmcm4l4zqp3abqas1d.png" alt="complex-modifications"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click on the &lt;strong&gt;Add Rule&lt;/strong&gt; button at the bottom left.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8yshxsvj2od5uet6zdiz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8yshxsvj2od5uet6zdiz.png" alt="add-rule-button"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click on the &lt;strong&gt;Import more rules from the Internet (open a web browser)&lt;/strong&gt; button at the top. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3u57qmcb3v43zpu2amtr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3u57qmcb3v43zpu2amtr.png" alt="import-rules"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As the button says, this will launch a web browser with a list of modifications you can import. There are plenty plenty of options there, to scroll through and give you inspiration.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4697p9f3as7v01q6t99f.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4697p9f3as7v01q6t99f.png" alt="web-browser-with-modifications"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once you've found one you like, click on the Import button. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpa1t6u8rol6iqrgsrjbz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpa1t6u8rol6iqrgsrjbz.png" alt="karabiner-elements-options"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A pop-up will come up asking if you want to &lt;strong&gt;Open Karabiner-Elements.app?&lt;/strong&gt; Click on the "Open" button.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F78u4t9muict4xff3d2zx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F78u4t9muict4xff3d2zx.png" alt="open-karabiner-elements-app"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This will launch Karabiner-Elements. It will show you a pop-up explaining the control you're importing. You can click &lt;strong&gt;Import&lt;/strong&gt; to confirm or &lt;strong&gt;Cancel&lt;/strong&gt;. Don't worry, you can always undo. &lt;/p&gt;

&lt;p&gt;As I mentioned earlier, I installed 3 different modifications:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The caps lock key simulates hitting the Cmd + Ctrl + Shift + Option key&lt;/li&gt;
&lt;li&gt;The Right Shift key is the "new" caps lock key — Interestingly enough, the light on the "real" caps lock key goes on and off whenever I hit the "new" shift key.&lt;/li&gt;
&lt;li&gt;The Right Command key is a second escape key.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffbl5143bvm6crh7vmt49.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffbl5143bvm6crh7vmt49.png" alt="complex-modifications-listed"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Shortcuts I've set up
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Keyboard Maestro
&lt;/h3&gt;

&lt;p&gt;I set up all the keyboard shortcuts through a program called &lt;a href="https://www.keyboardmaestro.com/main/" rel="noopener noreferrer"&gt;Keyboard Maestro&lt;/a&gt;. Unfortunately, this program is not free and costs $36. — but, definitely worth it. The options it provides seem endless.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc4e4r2l72rna60xuo1on.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc4e4r2l72rna60xuo1on.png" alt="keyboard-maestro2x"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you click through the groups in the left panel, you'll find a bunch of "macros" that you can enable and pair with a keyboard shortcut. Of course, you can also create your own custom commands.&lt;/p&gt;

&lt;p&gt;Most of the commands I've created are designed to jump between my favorite applications. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Hyper + B&lt;/code&gt;: Opens Chrome&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + C&lt;/code&gt;: Opens VS Code&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + E&lt;/code&gt;: Opens AirMail (my email client of choice)&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + F&lt;/code&gt;: Opens Finder&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + M&lt;/code&gt;: Opens Messages&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + N&lt;/code&gt;: Opens Notion&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I have a few commands for navigating to my favorite directories:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Hyper + P&lt;/code&gt;: jumps to the Projects directory&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + S&lt;/code&gt;: Opens the Vlog directory&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A couple of miscellaneous items:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Ctrl + Shift + G&lt;/code&gt;: Searches the Internet. This is great for a quick Google Search&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + V&lt;/code&gt;: will paste whatever is in my clipboard without any styling. - You know when you copy something that's been formatted (bold / italics). This strips out all the formatting before pasting.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Better Touch Tool
&lt;/h3&gt;

&lt;p&gt;I mentioned earlier, that I have Better Touch Tool installed on my computer, as well. Unfortunately, this program isn't free either. $8.50 will give you updates for 2 years. $20.50 will give you lifetime updates. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj716aqzk98wrw88r8rg5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj716aqzk98wrw88r8rg5.png" alt="better-touch-tool"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;NOTE:&lt;/em&gt; Where this program really shines is extending the functionality your trackpad or customizing your touch bar.&lt;/p&gt;

&lt;p&gt;I set up some keyboard shortcuts here, too, since it has some great options for window management. Here are the commands I setup:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Hyper + D&lt;/code&gt;: Shows the Desktop.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + 1&lt;/code&gt;:  Makes the current window 100% tall. I found that when I was plugging / unplugging from my external monitor, windows would resize. This allows me to resize my window quickly.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + A&lt;/code&gt;: When I'm editing on my ultra-wide monitor, I have a particular window configuration I like to use. Now, when I hit this keyboard shortcut, my windows automatically rearrange for this workflow.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + H&lt;/code&gt;: Hides all window.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I use the next 3 commands together:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Hyper + J&lt;/code&gt;: Snaps and fills the window to the left third of the screen&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + K&lt;/code&gt;: Snaps and fills the window the center third of the screen&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + L&lt;/code&gt;: Snaps and fills the window to the right third of the screen&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The next 2 commands are similar:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Hyper + Left Arrow&lt;/code&gt;: Moves the current window one space to the left. — This is great if you use Apple Spaces feature. I can quickly move windows from one space to the next with my keyboard.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Hyper + Right Arrow&lt;/code&gt;: Moves the current window one space to the right.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;This all took a little bit of setup, but the ~30 minutes, hour set up has been well worth it and it has made moving around my computer with the keyboard faster.&lt;/p&gt;

&lt;h3&gt;
  
  
  In the Comments...
&lt;/h3&gt;

&lt;p&gt;What keyboard shortcuts do you have set up? Any I should add to the mix? &lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
