logo

drewdevault.com

[mirror] blog and personal website of Drew DeVault git clone https://hacktivis.me/git/mirror/drewdevault.com.git

editing.html (2901B)

    

  1. <!doctype html>
  2. <html lang="en">
  3. <meta charset="utf-8" />
  4. <title>Videos of people editing text</title>
  5. <style>
  6. body {
  7.   max-width: 720px;
  8.   margin: 0 auto;
  9. }
  11. video {
  12.   display: block;
  13.   width: 720px;
  14.   margin-top: 1rem;
  15. }
  16. </style>
  17. <h1>Videos of people editing text</h1>
  18. <p>
  19. Videos of people editing text, explaining the shortcuts they use, and
  20. recordings of their keyboards as they work. The purpose of this page is to
  21. provide a reference for people writing new software which involves text editing
  22. tasks.
  24. <p>
  25. These videos are licensed with
  26. <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, which
  27. permits re-distribution and modification so long as attribution is provided and
  28. derivative works use the same license.
  30. <p>
  31. <a href="#contribute">Can you contribute your own?</a>
  33. <h2>Resources</h2>
  34. <ul>
  35.   <li>
  36.     <a href="https://lord.io/blog/2019/text-editing-hates-you-too/">
  37.       Text Editing Hates You Too
  38.     </a>
  39.   </li>
  40.   <li>
  41.     <a href="https://gankra.github.io/blah/text-hates-you/">
  42.       Text Rendering Hates You
  43.     </a>
  44.   </li>
  45. </ul>
  47. <h2>Videos</h2>
  49. <video src="https://yukari.sr.ht/drew-devault-keyboard.webm" controls>
  50.   Your browser must support HTML5 video and webm to play this video.
  51. </video>
  53. <dl>
  54.   <dt>Source</dt>
  55.   <dd>Drew DeVault</dd>
  56.   <dt>Language</dt>
  57.   <dd>English</dd>
  58.   <dt>Keyboard</dt>
  59.   <dd>Kinesis Freestyle Pro; ANSI layout; QWERTY</dd>
  60.   <dt>Operating system</dt>
  61.   <dd>Linux 5.7.6</dd>
  62.   <dt>Software</dt>
  63.   <dd>gedit 3.36.2 (GTK+ 3.24.20), alacritty 0.5.0.1564.g3233ede0, vim 8.2.0814</dd>
  64.   <dt>Tags</dt>
  65.   <dd>#english #en #en-us #ansi #qwerty #modal-editing</dd>
  66. </dl>
  68. <h2 id="contribute">Contribute</h2>
  69. <p>
  70. I would be interested in adding your video to this page, provided that it
  71. demonstrates one of the following qualities which is not yet represented by
  72. another video:
  74. <ul>
  75.   <li>A natural language not yet represented</li>
  76.   <li>An operating system not yet represented</li>
  77.   <li>A keyboard layout or design not yet represented</li>
  78.   <li>Software with novel editing features</li>
  79.   <li>A novel workflow, e.g. screen reader or dictation software</li>
  80. </ul>
  82. <p>
  83. When preparing your video, please use a camera to capture a video of your
  84. keyboard. I recommend <a href="https://obsproject.com/">OBS</a> to capture a
  85. recording of both your screen and keyboard, as well as audio from your
  86. microphone. Please narrate your workflow in English, and include details which
  87. seem "obvious" to you; they might not be obvious to someone else. Contact
  88. <a href="mailto:sir@cmpwn.com">Drew DeVault &lt;sir@cmpwn.com&gt;</a>
  89. to list your video. Please include the following details:
  91. <ul>
  92.   <li>Your name, for attribution</li>
  93.   <li>The natural language you are demonstrating input for</li>
  94.   <li>Your keyboard model and layout</li>
  95.   <li>Your operating system and the names &amp; version numbers of your software</li>
  96. </ul>
  98. <p>
  99. Thank you!