<?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: Subin (/bin/su)</title>
    <description>The latest articles on DEV Community by Subin (/bin/su) (@subins2000).</description>
    <link>https://dev.to/subins2000</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%2F362976%2F2677df69-70c6-4ea6-83ae-87413c18bd03.jpg</url>
      <title>DEV Community: Subin (/bin/su)</title>
      <link>https://dev.to/subins2000</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/subins2000"/>
    <language>en</language>
    <item>
      <title>Watch Movies While You Code In i3 Window Manager !</title>
      <dc:creator>Subin (/bin/su)</dc:creator>
      <pubDate>Mon, 13 Jul 2020 11:13:09 +0000</pubDate>
      <link>https://dev.to/subins2000/watch-movies-while-you-code-in-i3-2mfn</link>
      <guid>https://dev.to/subins2000/watch-movies-while-you-code-in-i3-2mfn</guid>
      <description>&lt;p&gt;Many browsers have recently introduced Picture In Picture feature. You can pop out a video and place it on a corner on screen while you do other things.&lt;/p&gt;

&lt;p&gt;If you're using i3 window manager, here are the lines you need to add in your i3 config to make Picture In Picture browser window available on all workspaces :&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;for_window [title="Picture-in-Picture"] sticky enable
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Sticky windows, as the name suggest will make the window stuck on screen whichever workspace you go to.&lt;/p&gt;

&lt;p&gt;You can also make any other windows stick on your screen like this. For this you need to first make a window &lt;code&gt;floating&lt;/code&gt; and then make it &lt;code&gt;sticky&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Add these lines to your i3 config file :&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;bindsym $mod+Shift+space floating toggle
bindsym $mod+Shift+S sticky enable
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Go to the window, say VLC media player, press the key combo &lt;code&gt;Meta+Shift+Space&lt;/code&gt; first (this will make window float) and then &lt;code&gt;Meta+Shift+S&lt;/code&gt;. Now the window will be sticky. You can then resize the window to the size you need with &lt;code&gt;Meta+R&lt;/code&gt;. Drag to move the window to the position of your choice !&lt;/p&gt;

&lt;p&gt;VLC &amp;amp; other players have a &lt;code&gt;compact mode&lt;/code&gt; which removes the interface and plays the video in full width available. You can use that to fit the video completely in the floating+sticky window. For SMPlayer, compact mode can be toggled with &lt;code&gt;CTRL+C&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://subinsb.com/i3-make-picture-in-picture-window-seen-on-all-workspaces/"&gt;Post originally from here&lt;/a&gt;. See &lt;a href="https://github.com/subins2000/dotfiles/blob/master/i3/.config/i3/config"&gt;my i3 config&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zvfxzeXL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/k8dvwyauddqfus86i7p9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zvfxzeXL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/k8dvwyauddqfus86i7p9.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>i3</category>
      <category>i3wm</category>
      <category>linux</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
