The link lobste.rs is discussing
Lobste.rs tags: vim, css, wasm
Author: andrewfromx
Hello fellow lobsters. I’ve reached that point in this little passion project where I could use some feedback. I’m a long time vim user and a recent student of the tailwind css system. I wanted a few things:
-
Never have to close a tag or type the word “class” or quotes.
-
See an instant preview of what the rendered HTML looks like on screen.
-
Use normal vim commands to make small edits.
-
Get a popup menu with common tailwind classes to add as you type.
-
Be able to “zoom in” to a child node and make it temporarily the root node. (Hit Enter for this feature, and up arrow to get back to normal parent node.)
I have it running here:
Video demo here:
https://www.youtube.com/watch?v=E0dd9SzI9Ro
All open source MIT license:
https://github.com/andrewarrow/byline
You might think a lot of javascript/typescript went into this project but oh-no! This is all golang wasm (web assembly). Feedback most welcome on what features should be added next OR go ahead and tell me this is all just a bad idea for reasons x y and z. Please and thank you.