43 lines
2.3 KiB
Plaintext
43 lines
2.3 KiB
Plaintext
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="pandoc" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
<meta name="author" content="By John Mercouris" />
|
|
<title>visual-mode: mouse-free copy</title>
|
|
<style type="text/css">
|
|
code{white-space: pre-wrap;}
|
|
span.smallcaps{font-variant: small-caps;}
|
|
span.underline{text-decoration: underline;}
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
|
</style>
|
|
<!--[if lt IE 9]>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1 class="title">visual-mode: mouse-free copy</h1>
|
|
<p class="author">By John Mercouris</p>
|
|
</header>
|
|
<p>Nyxt has a new visual-mode (mouseless text selection)!</p>
|
|
<p><img src="../static/image/article/visual-mode-select.png" /></p>
|
|
<h1 id="what-is-it">What is it?</h1>
|
|
<p>Visual mode is a mouseless way of selecting <span class="underline">any</span> text on any page (with as few keystrokes as possible). Conceptually based on <code>vi</code>'s visual mode, Nyxt adapts it for the web.</p>
|
|
<h1 id="how-to-use-it">How to use it?</h1>
|
|
<p>The first step is to run the <code>visual-mode</code> command.</p>
|
|
<p><img src="../static/image/article/visual-mode-enable.png" /></p>
|
|
<p>After doing so, you will be presented with hints to select a starting paragraph for your cursor.</p>
|
|
<p><img src="../static/image/article/visual-mode-paragraph.png" /></p>
|
|
<p>Upon selecting a paragraph, a cursor will appear. You can move the cursor around and press <code>shift-space</code> to toggle the mark (start/stop highlighting).</p>
|
|
<p><img src="../static/image/article/visual-mode-cursor.png" /></p>
|
|
<p>Importantly, you can use all your favorite keybindings (move by word, move to next line, beginning of line, etc.)!</p>
|
|
<p><img src="../static/image/article/visual-mode-select.png" /></p>
|
|
<p>Eureka! Just like that, we have selected text, no mouse required!</p>
|
|
<h1 id="thanks">Thanks</h1>
|
|
<p>A very special thank you to <span class="citation" data-cites="kssytsrk">@kssytsrk</span> for this wonderful addition to Nyxt!</p>
|
|
<p>Thanks for reading :-)</p>
|
|
</body>
|
|
</html>
|