<?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: LiSilv.a</title>
    <description>The latest articles on DEV Community by LiSilv.a (@lilysilva).</description>
    <link>https://dev.to/lilysilva</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%2F733147%2F7f740bcd-fcbd-412a-9075-9f2f2897b507.jpeg</url>
      <title>DEV Community: LiSilv.a</title>
      <link>https://dev.to/lilysilva</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lilysilva"/>
    <language>en</language>
    <item>
      <title>Slide-out terminal window</title>
      <dc:creator>LiSilv.a</dc:creator>
      <pubDate>Sun, 31 Oct 2021 09:58:28 +0000</pubDate>
      <link>https://dev.to/lilysilva/slide-out-terminal-window-d5a</link>
      <guid>https://dev.to/lilysilva/slide-out-terminal-window-d5a</guid>
      <description>&lt;p&gt;When I need to a break from work/studying, I love to look around for new VS Code extensions or little tips and tricks to my development environment.&lt;/p&gt;

&lt;p&gt;My new find is to make iTerm2 slide-out from the side of the screen instead of working on its own window.&lt;/p&gt;

&lt;p&gt;It looks like this in my computer:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--osZavRTW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ag9hpcfij40zvdir9qdz.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--osZavRTW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ag9hpcfij40zvdir9qdz.gif" alt="gif of iterm sliding from side of screen" width="600" height="475"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Neat, right?&lt;/p&gt;

&lt;p&gt;So, how do you do this? Simple, a keyboard shortcut.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1
&lt;/h2&gt;

&lt;p&gt;Go to iTerm2 &lt;em&gt;preferences &amp;gt; keys&lt;/em&gt; and click &lt;em&gt;"Create a dedicated hotkey window"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--V0GZpEaZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/97o24661l1oh85bp7cuz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--V0GZpEaZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/97o24661l1oh85bp7cuz.png" alt="create a hotkey menu" width="880" height="340"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This will open a new window where you can records the shortcut combination you want to use. Click ok when done and move to the next step.&lt;/p&gt;

&lt;p&gt;I went with this symbol § as it's a single key on my keyboard and to be honest, I don't think I've ever used it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Z6-aULqB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/943i298kjnp9wddh6whg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Z6-aULqB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/943i298kjnp9wddh6whg.png" alt="record a hotkey menu" width="853" height="508"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2
&lt;/h2&gt;

&lt;p&gt;Go to profiles &amp;gt; window and make super you are on the "Hotkey Window" option. Look for "Style" and pick from where you want iTerm to slide-out.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PPLFetTU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/74x32j3xcgnpq9sglf0u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PPLFetTU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/74x32j3xcgnpq9sglf0u.png" alt="from where iterm slides menu" width="880" height="590"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's this simple.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

</description>
      <category>iterm2</category>
      <category>terminal</category>
    </item>
  </channel>
</rss>
