Live data from Hacker News

Web Origami, for making websites where you can understand how they’re made

weborigami.org

41–50 of 77 posts

Re: Web Origami, for making websites where you can understand how they’re made

#41
post #36

Earlier quoted context omitted.

Whats wrong with just using HTML, Js and CSS for personal projects?

I do that. Duplicating the header, menu, and footer manually on every page is a pain in the ass. Not to mention the lack of minification.

Why do you care if your personal site is minified?

Re: Web Origami, for making websites where you can understand how they’re made

#42
post #41

Earlier quoted context omitted.

I do that. Duplicating the header, menu, and footer manually on every page is a pain in the ass. Not to mention the lack of minification.

Why do you care if your personal site is minified?

Because some people care about low-bandwith users. Or about not being wasteful as a principle.

Re: Web Origami, for making websites where you can understand how they’re made

#43
post #36

Earlier quoted context omitted.

Whats wrong with just using HTML, Js and CSS for personal projects?

I do that. Duplicating the header, menu, and footer manually on every page is a pain in the ass. Not to mention the lack of minification.

Not sure I follow, do you not use templates and scripts to generate the static pages?

I was a web developer 25 years ago and for the majority of projects we only made static sites, all templated and minified. My skills are somewhat "of that time".

Recently I was asked to build a site to demonstrate some new software. It consisted of over 10k pages that once built would rarely, if ever be updated.

I just scripted and templated the generation of every single page hosted it in S3. This may sound ridiculous in this day and age but it takes a few minutes to rebuild and update the entire site.

Guess my point is I don't really find duplicating things to be a pain in the ass

Re: Web Origami, for making websites where you can understand how they’re made

#44

Earlier quoted context omitted.

I do that. Duplicating the header, menu, and footer manually on every page is a pain in the ass. Not to mention the lack of minification.

Not sure I follow, do you not use templates and scripts to generate the static pages? I was a web developer 25 years ago and for the majority of projects we only made static sites, all templated and minified. My skills are somewhat "of that time". Recently I was asked to build a site to demonstrate some new software. It consisted of over 10k pages that once built would rarely, if ever be updated. I just scripted and…

I don’t think it sounds ridiculous, it sounds like you picked the right tool for the job. Don’t bring dynamic solutions to static problems…

Re: Web Origami, for making websites where you can understand how they’re made

#45
post #42
post #41

Earlier quoted context omitted.

Why do you care if your personal site is minified?

Because some people care about low-bandwith users. Or about not being wasteful as a principle.

Doesn't compression make any minification gains negligible?

Re: Web Origami, for making websites where you can understand how they’re made

#46
post #36

Earlier quoted context omitted.

Whats wrong with just using HTML, Js and CSS for personal projects?

I do that. Duplicating the header, menu, and footer manually on every page is a pain in the ass. Not to mention the lack of minification.

I think this issue better addressed in HTML spec. Basic functionality to include html snippets files in other HTML files should be standard. What am I missing?

Re: Web Origami, for making websites where you can understand how they’re made

#47
post #46

Earlier quoted context omitted.

I do that. Duplicating the header, menu, and footer manually on every page is a pain in the ass. Not to mention the lack of minification.

I think this issue better addressed in HTML spec. Basic functionality to include html snippets files in other HTML files should be standard. What am I missing?

How would that work? Now one request for a page becomes N requests for every bit of HTML the client needs to render?

Re: Web Origami, for making websites where you can understand how they’re made

#48
I love this.

And, I have my own take on it.

My static site generator Svekyll (https://extrastatic.dev/svekyll/svekyll-cli) has an option you can add to the _config.yml: "view_source"

If you do that, it provides a link at the bottom of each post which says "view source to this post" If you click on that, you can see all the files used to generate that post, and then download a zip which is a fully packaged tiny svelte app that builds into that blog page.

For example, this blog post on embeddings has a bunch of svelte components, embeds an embedding model right inside the page and runs it via JavaScript. If you scroll all the way down, you can download the zip file, unzip it and run "npm i && npm run build && cd build && npx http-server -o" and you can see the fully built blog.

https://webiphany.com/2024-04-29-distance-sean-shawn

PRs describing this feature:

https://extrastatic.dev/svekyll/svekyll-cli/-/merge_requests... https://extrastatic.dev/svekyll/svekyll-cli/-/merge_requests... https://extrastatic.dev/svekyll/svekyll-cli/-/merge_requests...

Re: Web Origami, for making websites where you can understand how they’re made

#49
> The Origami language syntax is relatively simple and intended for people who have some experience working with HTML and CSS. Knowledge of JavaScript isn’t required, although if you do know JavaScript you can do a lot with Origami.

So you need to learn HTML and CSS so you can use Origami to... avoid building a site with HTML and CSS?

Re: Web Origami, for making websites where you can understand how they’re made

#50
I'm using Origami on my website over at https://vale.rocks. I recently did a brief writeup about the implementation of my site, including touchings on Origami. I'm really loving it!

https://vale.rocks/posts/the-implementation-of-this-site

Post reply on HN