index.html

<style>
body {
  max-width: 500px;
  margin: 1em auto;
  padding: 2em;
  font-family: monospace;
}

.btn {
  color: white;
  display: inline-block;
  background-color: #4c64e6;
  padding: 1rem;
  text-decoration: none;
  margin: 1em auto;
  text-align: center;
}
p {
  margin:1em 0;
}
</style>

<h1>Design Mode for quick changes</h1>
<ul>
<li>Drag and drop this link into your bookmarks bar</li>
<li>Navigate into the page you want to test a change</li>
<li>Press the bookmarklet and edit the content.</li>
<li>You can disable it pressing the bookmarklet again.</li>
</ul>

<p>Check out this video: <a href="https://embed.vidyard.com/share/TXwFKB4jATBXAU6Kq2CztR?">tutorial</a></p>


<a href="javascript:(function()%7Bdocument.designMode%20%3D%3D%3D%20'on'%3F%20document.designMode%20%3D%20'off'%3A%20document.designMode%20%3D%20'on'%7D)()" class="btn">Design mode</a>