What do you use for writing HTML by hand?

[email protected]

Bluefish.

[email protected]

I bit the bullet and bought the Jetbrains Ultimate bundle because I develop in lots of different languages. It includes WebStorm and it is a joy to use. It helps where necessary and doesn't get in my way..

[email protected]

Depends on context, but

Notepad++
Visual Studio
Visual Studio Code
Double Commander "quick"-editor
vim
micro
Firefox dev tools (console, dom edit)

When I write HTML, I don't use IDE features but accept them in Visual Studio.

[email protected]

usually, calibre's ebook editor, but that's cause most of my html writing and editing is to make epubs.

[email protected]

Notepad++

[email protected]

I use Vim, but I don't really write pure HTML. I write Markdown and convert it into HTML as needed.

Note that I don't lose any control, because any HTML that I happen to need to add inline into the Markdown is handled correctly by my Markdown tools.

[email protected]

Out of curiosity, what do you use to convert markdown to HTML?

[email protected]

I think they said Pandoc. I have used that too some.

[email protected]

There's lots of good options. I currently prefer https://github.com/gomarkdown/mdtohtml

[email protected]

Yeah. Pandoc can get the job done as well, if I recall.

[email protected]

vscode with the built-in Emmet support.

Emmet isn't intimidating, unless you don't know CSS, in which case it is extremely intimidating.

a+b:
<a href=""></a><b></b>

a>b:
<a href=""><b></b></a>

a*2:
<a href=""></a><a href=""></a>

div.yeet:
<div class="yeet"></div>

A combination:
a>b+i*2.dollah:
<a href=""><b></b><i class="dollah"></i><i class="dollah"></i></a>

That's 99% of what you need to know to get started with Emmet.

Anyway, I used to write 100% hand-written HTML, but switched to using Hugo because: Go's built-in Templating language I knew from working with K8S, build-times are sub-second, and I can write a page in either Markdown or HTML, whichever I need (or even mix in some HTML in the Markdown!)

Because of hugo I don't need to mess around with repeating parts (like the nav menu).

Only downsides:

it strips the comments, which I would've loved to leave in for people to read
the formatting is my favorite, so I format with prettier before committing

I use git submodules to have the public/ folder be my Github Pages host repo, so I can just muck about locally, while I do a rebuild (which changes the files in the submodule). Only after a commit, I'll effectively publish the website.

Check out the website (mostly for the HTML - the articles are... meh): https://Thaumatorium.com (no trackers, so no Cookiewall nonsense either :D)

[email protected]

One of the only cheat sheets I've ever printed out.

[email protected]

This is the way. It reminds me of writing pug back when it was still called Jade. Probably the only time I enjoyed writing HTML or templating.

[email protected]

Thr nice thing about Emmet is you can use what you know and slowly add on to it. I don't really use the CSS shortcuts. It's really useful for writing HTML that requires a lot of elements.

[email protected]

my hands

[email protected]

The following isn't any professional advice or anything, I am writing HTML manually for my hobby blog code. I don't have much experience with HTML outside occasionally reading it.

I write a bit by hand, to layout my blog page, which is using HTMX. Generally I use RustRover since that actually gives details for attributes and such along with autocomplete. And apparently yesterday it asked if I wanted to enable HTMX support, which was even more intriguing. The main articles are however converted from markdown to HTML.

I do want a better way to design with preview of my page but I think it's a long shot to find something that does HTMX at the same time. Especially since that often means having segregated pieces of HTML mixed into one document at page loading.

[email protected]

+1 for htmx

RustRover feels quite heavy/bulky, why not Fleet/Zed assuming you've checked those out?

[email protected]

Kwrite/Kate. Auto-closing tags and all.

[email protected]

I appreciate the rundown! I started getting used to Emmet now, it's certainly more friendly than it looks. I think this is what I was looking for.

The short-hand for CSS in Emmet is also pretty neat, but It'll take some time to get used to it. w75p m10 turns into width: 75%; margin:10px

[email protected]

I'm still a windows pleb, so no Zed for me. Fleet I haven't heard of before.

I'm also very much one that likes a lot of convenience. RustRover is know from experience with both pycharm and Rider. But my main points are convenient functionality, autocomplete, debugger, code navigation, formatting and cleanup and git diff readily available. RustRover might be big and heavy, but it let's me focus on writing and running my code without much issues.

agnos.is Forums

What do you use for writing HTML by hand?