Created
          September 8, 2011 20:34 
        
      - 
      
- 
        Save dsanson/1204592 to your computer and use it in GitHub Desktop. 
    an HTML VIM movement cheatsheet for use with NerdTool
  
        
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <!-- | |
| This is an HTML version of a great [VIM movements cheatsheet][] designed by Ted Naleid. | |
| I made this because I wanted more control over the way the text was displayed, and I'd rather tweak CSS than mess with Omnigraffle. If you just want Ted's graphic overlaid on your desktop, you should download the [transparent version] of the VIM movements cheatsheet. | |
| I use it with [NerdTool][]. Sadly, NerdTool can't overlay transparent HTML. So I supply a background-image URL. You'll want to change that to something on your local filesystem. Here is a [screenshot][] of the results. The background image is taken from the always great [Bibliodyssey][], resized to the size of my screen. | |
| [VIM movements cheatsheet]: http://naleid.com/blog/2010/10/04/vim-movement-shortcuts-wallpaper/ | |
| [transparent version]: http://bitbucket.org/tednaleid/vim-shortcut-wallpaper/raw/tip/vim-shortcuts2560x1600_transparent.png | |
| [NerdTool]: http://mutablecode.com/apps/nerdtool | |
| [screenshot]: http://minus.com/mjZtlZUmR | |
| [Bibliodyssey]: http://bibliodyssey.blogspot.com/2011/08/neapolitan-cephalopods.html | |
| --> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta name="generator" content="pandoc" /> | |
| <title></title> | |
| <style type="text/css"> | |
| html, body { | |
| height:100%; | |
| color: black; | |
| text-shadow:0 1px 0 rgba(255,255,255,0.75); | |
| } | |
| body { | |
| background-image: url("file://localhost/Users/david/Pictures/Wallpapers/6085502292_8f6ec91a3b_o_screen.jpg"); | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| } | |
| table { | |
| height: 100%; | |
| padding: 20px | |
| } | |
| .header {display: none} | |
| tr.even { font-weight: normal; font-family: "Courier", "Menlo", monospace} | |
| .middlecolumn { font-size: 180%} | |
| tr.odd { font-family: "Helvetica Neue", sans-serif; vertical-align: top} | |
| tr:nth-child(16) {font-size: 180%; } | |
| .compass { font-weight: bold; font-style: normal; font-variant: small-caps; font-family: "Optima"} | |
| tr:nth-child(17) .compass { -webkit-transform: rotate(-90deg); } | |
| #absolute { width: 30%; position: absolute; left: 60px; bottom: 100px; padding: 0px 10px } | |
| #absolute .compass { text-align: center} | |
| #absolute table { width: 100%} | |
| #absolute .even { font-size: 150%} | |
| </body> | |
| </style> | |
| </head> | |
| <body> | |
| <table> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <col width="6%" /> | |
| <tbody> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="compass">previous</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">gg</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">firstline</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">#</td> | |
| <td align="center">N</td> | |
| <td align="center" class="middlecolumn">?<em>text</em></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">find word under cursor</td> | |
| <td align="center">previous text</td> | |
| <td align="center">find <em>text</em></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">C-b</td> | |
| <td align="center">C-u</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">page</td> | |
| <td align="center">½ page</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">H</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">screen</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">{</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">paragraph</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">(</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">sentence</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">,</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">B</td> | |
| <td align="center">gE</td> | |
| <td align="center" class="middlecolumn">k</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">previous <em>x</em></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">delimited word</td> | |
| <td align="center">delimted end</td> | |
| <td align="center">up</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center">0</td> | |
| <td align="center">^</td> | |
| <td align="center">F<em>x</em></td> | |
| <td align="center">T<em>x</em></td> | |
| <td align="center">b</td> | |
| <td align="center">ge</td> | |
| <td align="center">h</td> | |
| <td align="center"></td> | |
| <td align="center">l</td> | |
| <td align="center">e</td> | |
| <td align="center">w</td> | |
| <td align="center">t<em>x</em></td> | |
| <td align="center">f<em>x</em></td> | |
| <td align="center">$</td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center" class="compass">back</td> | |
| <td align="center">line</td> | |
| <td align="center">non-blank</td> | |
| <td align="center">find <em>x</em></td> | |
| <td align="center">after <em>x</em></td> | |
| <td align="center">word</td> | |
| <td align="center">end</td> | |
| <td align="center">left</td> | |
| <td align="center"></td> | |
| <td align="center">right</td> | |
| <td align="center">end</td> | |
| <td align="center">word</td> | |
| <td align="center">before <em>x</em></td> | |
| <td align="center">find <em>x</em></td> | |
| <td align="center">line</td> | |
| <td align="center" class="compass">forward</td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">j</td> | |
| <td align="center"></td> | |
| <td align="center">E</td> | |
| <td align="center">W</td> | |
| <td align="center"></td> | |
| <td align="center">;</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">down</td> | |
| <td align="center"></td> | |
| <td align="center">delimited end</td> | |
| <td align="center">delimited word</td> | |
| <td align="center"></td> | |
| <td align="center">next x</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">)</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">sentence</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">}</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">paragraph</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">L</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">screen</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">C-d</td> | |
| <td align="center" class="middlecolumn">C-f</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">½ page</td> | |
| <td align="center">page</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">/<em>text</em></td> | |
| <td align="center">n</td> | |
| <td align="center">*</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">find <em>text</em></td> | |
| <td align="center">next <em>text</em></td> | |
| <td align="center">find word under cursor</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="middlecolumn">G</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center">last line</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| <tr class="even"> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center" class="compass">next</td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| <td align="center"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div id="absolute"> | |
| <p class="compass">absolute movements</p> | |
| <table> | |
| <tbody> | |
| <tr class="even"> | |
| <td align="center">''</td> | |
| <td align="center">'.</td> | |
| <td align="center">#G</td> | |
| <td align="center">%</td> | |
| </tr> | |
| <tr class="odd"> | |
| <td align="center">last location</td> | |
| <td align="center">last edit</td> | |
| <td align="center">line #</td> | |
| <td align="center">matching bracket</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div> | |
| </body> | |
| </html> | 
  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment