Once you've made a set of pages, Origami makes it easy to group those pages by tags or other data.

Call the groupby builtin function and tell it what data you want to your pages by.

Create a page template to render a single group of items as HTML.

Then define a site area that transforms each group into a page using that template.

This week's #WebOrigami comic: Group pages

More about Tree.groupBy builtin function: weborigami.org/builtins/tre...
HTML comic: weborigami.org/comics/group...

#static #staticsite #smallweb

Making Icon Sets Easy With Web Origami Writing about the big beautiful mess that is making things for the world wide web.

📝 The way I’m implementing icons with #webOrigami looks an awful lot like an import map — and I really like that.

blog.jim-nielsen.com/2026/origami...

Origami Comics

#WebOrigami Comic を改めて読んでいる。
そうか、 .ori ファイルはターミナルから実行する ori コマンドをファイルとして保存するイメージなのか

https://origami-comics.netlify.app

New Year, New Website — Same Old Me Writing about the big beautiful mess that is making things for the world wide web.

📝 Updated the ole’ www website to essentially be a list of feeds that I:

1) update manually, or
2) dynamically fetch at build time from other feeds I publish on the web.

Built with #webOrigami

blog.jim-nielsen.com/2026/new-yea...

個人サイトをリスタート

#WebOrigami を学びながらの制作だったけどとても楽しかった。
サイトの作りとしてはまだ足りないところもあるんだけど、とりあえず最低限やりたかったことはできたし、ブログ的な領域を作れたので今後は考え事をゆっくりまとめたらこっちの個人サイトに書いていきたい :tony_normal:

@JanMiksovsky さん、 Web Origami という素敵なツールをありがとうございます！

https://nibushibu.com/posts/first-post.html

paginate(map, [size])

PTree.pagenate() 使えば一覧のページングも出来そうだな、そこまでやってみるか :tony_normal:

https://weborigami.org/builtins/tree/paginate

#WebOrigami #個人サイト

#WebOrigami を使って作ってみた個人サイト、最低限の構成とスタイリングはできた。
あとはブログ領域の管理を考えて最初の記事を書いたらとりあえずは公開できるかな…

一覧のページングとかはまた追々考えようと思っている :tony_normal:

Web Origami

#WebOrigami のチュートリアルをやってみたけど、めちゃめちゃ自分が欲しかったものだった :tony_happy:

https://weborigami.org

Write a very concise static site generator with Origami expression Last year I created a sample blog called #pondlife to show how to create a basic blog in Web Origami.

In which I compare the same blog rewritten four ways jan.miksovsky.com/posts/2025/0...

1. Minimalist #JavaScript with zero dependencies
2. JavaScript using the async-tree library
3. #WebOrigami
4. #Astro, a popular #SSG framework

Origami comes out nicely: concise source, modest dependencies, fast

Making a small #JavaScript blog static site generator even smaller using the general async-tree library #ssg #blogging Using the async-tree library substantially cuts down the source code for a minimalist static site generator (SSG) in JavaScript, at a very modest cost in dependencies.

Using the async-tree library substantially cuts down the source code for a minimalist static site generator in #JavaScript, at a very modest cost in dependencies. The result is still fast and flexible. #ssg #blogging #WebOrigami

jan.miksovsky.com/posts/2025/0...

I wrote a screenplay for a programming language introduction, then wrote a program to turn that into a motion comic I’ve posted a short introduction to the Origami language in the form of a motion comic you can play in your browser: ## Lessons from the audio/video experiment T...

I wrote a screenplay for a programming language introduction, then wrote a program to turn that into a motion comic #WebOrigami #comics #webdev jan.miksovsky.com/posts/2025/0...