49 lines
2.2 KiB
Plaintext
49 lines
2.2 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>Element Hints</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">Element Hints</h1>
|
|
<p class="author">By John Mercouris</p>
|
|
</header>
|
|
<p>Element hints are a feature in Nyxt that allow you to interact with elements on a web page. Unlike traditional methods of doing so (mouse), element hints are entirely keyboard driven.</p>
|
|
<p><img src="../static/image/article/element-hint.png" /></p>
|
|
<p>Element hints work like this:</p>
|
|
<ol>
|
|
<li>You press a keybinding.</li>
|
|
<li>A series of hints appear on the page, and in the Minibuffer as a list.</li>
|
|
<li>Using the Minibuffer you select which hint you would like to navigate to/interact with.</li>
|
|
<li>When you're ready, you submit your input, and Nyxt will navigate to and/or interact with the selected element hint/s.</li>
|
|
</ol>
|
|
<p>Importantly, because the element hints are available in the Minibuffer, Nyxt element hints can be selected by URL, hint, or title!</p>
|
|
<p>Beyond link navigation, element hints can be used to do a variety of things:</p>
|
|
<ol>
|
|
<li>copy a URL</li>
|
|
<li>jump to a URL</li>
|
|
<li>open a URL in a background buffer</li>
|
|
<li>open a URL in a new buffer</li>
|
|
<li>click a button</li>
|
|
<li>submit a form</li>
|
|
</ol>
|
|
<p>Like other commands, element hints can accept multiple inputs (when applicable). For example, a user can simultaneously open up several matching element hints in new buffers:</p>
|
|
<p><img src="../static/image/article/element-hint-multiple-select.png" /></p>
|
|
<p>We hope you enjoy using Nyxt's advanced element hints!</p>
|
|
<p>Thanks for reading :-)</p>
|
|
</body>
|
|
</html>
|