Noun-verb ordering for text markup commands: Markdown example in Emacs

by kragen 2 months ago

GNU/Linux ◆ xterm-256color ◆ bash 67 views

I’ve written some prototype commands in Emacs which I think demonstrate a better user interface paradigm than the conventional ones for text markup (adding bold, italics, links, etc. to text). These commands follow the noun-verb ordering that is used throughout most GUIs: first you type text, then you describe how to mark it up. That way, you get more immediate feedback about the effect of your commands, and the possibility of a mode error (accidentally typing text in italics mode when you didn’t mean to) is eliminated.

More by kragen

wmaze minimal roguelike in Forth (better-thought-out demo) 01:28

by kragen 3 months ago

Using magit to manage notes 01:04

by kragen 11 months ago

ARM Tetris in under 1K 04:32

by kragen 1 year ago

interactively debugging a Forth square root 04:25

by kragen 1 year ago

See all

You can download this recording in asciicast v2 format, as a .cast file.

Download

Replay in terminal

You can replay the downloaded recording in your terminal using the asciinema play command:

asciinema play 676605.cast

If you don't have asciinema CLI installed then see installation instructions.

Use with stand-alone player on your website

Download asciinema player from the releases page (you only need .js and .css file), then use it like this:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="asciinema-player.css" />
</head>
<body>
  <div id="player"></div>
  <script src="asciinema-player.min.js"></script>
  <script>
    AsciinemaPlayer.create(
      '/assets/676605.cast',
      document.getElementById('player'),
      { cols: 82, rows: 12 }
    );
  </script>
</body>
</html>

See asciinema player quick-start guide for full usage instructions.

While this site doesn't provide GIF conversion at the moment, you can still do it yourself with the help of asciinema GIF generator utility - agg.

Once you have it installed, generate a GIF with the following command:

agg https://asciinema.org/a/676605 demo.gif

Or, if you already downloaded the recording file:

agg demo.cast demo.gif

Check agg --help for all available options. You can change font family and size, select color theme, adjust speed and more.

See agg manual for full usage instructions.