What would you call a visual tool or widget that g...
# thinking-together
n
What would you call a visual tool or widget that generates code based on how you interact with it? Kind of like a midpoint between code and nocode in my mind. Here's a great example: https://twitter.com/Raathigesh/status/1133357919427223553?s=19
m
Looks like a settings page for a theme editor
not saying it in a bad way, just what it reminded me (when people could have and edit themes 🙂)
b
Another example that comes to mind is Bret Victor’s demo of animating the leaf falling — forget which lecture that’s part of — where it records the user’s gestures to set the code
a
In research, it’s programming by example.
👍 3
n
@Ben Wheeler I think that's the famous "Inventing on Principle" talk. That's a great example
@Mariano Guerra @alltom I'm seeing this example as a programming interface (if you call CSS programming -- it's at least "coding") where the syntax is baked into the UI. That is, the code can be represented as the state of the UI instead of pure text, but you get to see both at the same time. I'm trying to find the right words to describe a 1:1 mapping between a no-syntax interface and pure code.
not sure if programming by example is exactly what I'm going for, but I definitely see the value in it 👍
i
@Ben Wheeler @noahtren it's Stop Drawing Dead Fish
👍 2
m
bidirectional programming?
âž• 1
❤️ 1
n
@Mariano Guerra love bidirectional programming, thank you!!
y
Also “multiple representations”. In this case 3: the source code, the property editor(which also shows potential properties), and the rendered view.
👍 1