index.html 7.84 KB
Newer Older
Pallav Agarwal's avatar
Pallav Agarwal committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
<title>Tips - VARSTACK</title>
<meta charset="utf-8"/>

<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/highlighting.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">


<script src="/js/jquery-1.11.3.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/SmoothScroll.js"></script>
<script src="/js/script.js"></script>

<script src="/js/tips.js" ></script>


<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript">stLight.options({publisher: "7839e2af-f9d1-4f68-9304-dcf13d3352ea", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    
    <div class="container">
        <div class="row" id="menu">
            <div class="table_this" id="tableRow">
                <div class="col-sm-3 vcenter" id="site_title"><a href="/" style="color:black;">VARSTACK</a></div>
                <div class="col-sm-6 vcenter">
                    <div class="row" id="top_menu">
                        <ul class="nav nav-pills">
                            <li class="active" id="blog"><a class="color_change" href="/">Blog</a></li>
                            <li id="tips"><a class="color_change" href="/tips/">Tips</a></li>
                            <li id="algo"><a class="color_change" href="/algo/">Behind The Scenes</a></li>
                            <li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-3 vcenter">
                    <div class="row">
                        <form action="/search/" id='search-form'>
                            <input id="search-box" type="text" name="query" placeholder="Search..">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row" id="content">
            <div class="col-sm-3" id="recent">
                <h4>RECENT POSTS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
55 56 57 58
                    <li>
                        <a href="/2015/07/09/Vim-Plugins/" class="color_change">Essential VIM plugins</a>
                    </li>
                    
59 60 61 62
                    <li>
                        <a href="/2015/07/08/Vim-Colorscheme/" class="color_change">VIM: Setting a colorscheme</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
63 64 65 66
                    <li>
                        <a href="/2015/07/03/Vim-Plug-Plugin-Manager/" class="color_change">Plugin Management in VIM</a>
                    </li>
                    
67 68 69 70
                    <li>
                        <a href="/2015/07/01/Vim-Customization/" class="color_change">Vim Customization: Guide to writing your...</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
71 72 73 74 75 76 77 78 79 80 81 82
                    <li>
                        <a href="/2015/06/26/Linuxbrew/" class="color_change">Package Management without root access -...</a>
                    </li>
                    
                    <li>
                        <a href="/2015/06/18/IIT-Kanpur/" class="color_change">IIT Kanpur: The First Year</a>
                    </li>
                    
                </ul>
                <h4>RECENT TIPS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
83 84 85 86
                    <li>
                        <a href="/2015/07/01/Vim-Mappings/" class="color_change">Quick intro to custom Vim Mappings...</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
87 88 89 90 91 92 93 94 95 96 97 98
                    <li>
                        <a href="/2015/06/30/Mouse-with-vim/" class="color_change">Using Mouse with VIM in the...</a>
                    </li>
                    
                </ul>
            </div>
            <div class="col-sm-7">
                <div class="row" id="data">
                    <br />
                    <h3>Tips</h3>
                    <hr />
                    <div class="row text-justify" id="content-holder">
Pallav Agarwal's avatar
Pallav Agarwal committed
99 100 101 102 103 104 105 106 107 108
                        <p><strong><a href="/2015/07/01/Vim-Mappings/">QUICK INTRO TO CUSTOM VIM MAPPINGS</a></strong></p>

<p>One of the best things about vim is its ability to create custom mappings for <em>almost</em> any key in all modes.</p>


<p> <p>Suppose you want Ctrl+S to save your document while you are in insert mode, because pressing</p> <pre><code>&lt;Esc&gt;:w&lt;Enter&gt;i </code></pre> <p>to switch to normal mode, save the file, and return back to insert mode is a bit too much. According to vim philosophy, it actually <strong>IS</strong> too much, and thus you...</p>

<p><br /></p>

<p><strong><a href="/2015/06/30/Mouse-with-vim/">USING MOUSE WITH VIM IN THE TERMINAL</a></strong></p>
Pallav Agarwal's avatar
Pallav Agarwal committed
109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136

<p>Just when you thought vim couldn't surprise you anymore, vim strikes again. As it turns out, vim supports mouse integration even in the terminal. Not only that, the support is mind blowingly simple and amazing. You can move your cursor, select text and even resize your panes in a split screen.</p>


<p> <p>Most websites just say to use <code>set mouse=a</code> in your <code>.vimrc</code> to add mouse support to your vim. However,...</p>

<p><br /></p>

                    </div>
                </div>
                <hr /><br />
                <span class='st_sharethis_large' displayText='ShareThis'></span>
                <span class='st_facebook_large' displayText='Facebook'></span>
                <span class='st_twitter_large' displayText='Tweet'></span>
                <span class='st_googleplus_large' displayText='Google +'></span>
                <span class='st_linkedin_large' displayText='LinkedIn'></span>
                <span class='st_pinterest_large' displayText='Pinterest'></span>
                <div id="disqus_thread"></div>
                <script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'varstack';

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
Pallav Agarwal's avatar
Pallav Agarwal committed
137 138 139 140 141 142 143
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-21768487-2', 'auto');
ga('send', 'pageview');
Pallav Agarwal's avatar
Pallav Agarwal committed
144
                </script>
145
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
Pallav Agarwal's avatar
Pallav Agarwal committed
146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171
                <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
            </div>
            <div class="col-sm-2">
            </div>
        </div>
    </div>


    <div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">Close</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        Image Preview
                    </h4>
                </div>
                <div class="modal-body">
                    <img src="" id="imagepreview" style="max-height: 100%; max-width: 100%;">
                </div>
            </div>
        </div>
    </div>