Building a web page that edits itself

https://www.patrickweaver.net/blog/one-pager-self-editing-html/

by evakhoury • 3 months ago

42 10 3 months ago

patrickweaver.net

lynx97• 3 months ago

https://tiddlywiki.com/

p4bl0• 3 months ago

I was coming here to link it. Glad I reloaded the page before commenting to see your comment appear.

mano78• 3 months ago

What I was thinking, too. But the description of the design process by OP was interesting to read.

androa• 3 months ago

https://hyperclay.com

stratts• 3 months ago

This is an awesome idea and really resonates with me.

I did something similar for my site:

https://stratts.au/_editor/?preview=%2F&file=_site%2Fcontent...

You can edit and rebuild the site from within the browser, then download a .zip that contains everything. The editor can even edit itself.

Beyond self-modifying sites being just plain cool, there's a longevity aspect to it that I find very important as well.

There's also https://www.sparktype.org/ (a browser based CMS) which is also along similar lines.

danlitt• 3 months ago

This is lovely, but I think falls down the moment you want any generated content (table of contents being a typical first example).

mlok• 3 months ago

Some Javascript can generate this on such a local single-html file.

flux3125• 3 months ago

I was (positively) surprised that this didn't involve any AI.

efilife• 3 months ago

I thought this was going to be a satire of how he's built another huge abstraction, perhaps bigger than SSGs in order to avoid abstractions

analog_daddy• 3 months ago

I would also like to share [Nash](https://keepworking.github.io/nash/) to add to this awesome collection of websites shared here.

If someone in this domain of web-design can help me clarify what do i call these single file static HTML webpages which are fully offline (after the first js/css query to the cdn) which can be hosted from a github pages website without doing a NPM install? Is PWA the correct term, since it seems PWA is superset of whatever this is.

I always liked these websites for air-gapped setups since they are portable and simonw seemed to have reignited the passion for people sharing them on hn and elsewhere. I also started liking pyscript since it seemed accessible than javascript for debugging compared to llm written js.

Building a web page that edits itself

Related Stories