#weborigami — Public Fediverse posts

This week's #WebOrigami comic: Pagination

More about Origami Tree.paginate builtin function: https://weborigami.org/builtins/tree/paginate.html
HTML comic: https://weborigami.org/comics/pagination.html

#staticsite #blogging

This week's #WebOrigami comic: Track changes in your site

More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.html

This Origami tool works with any #staticsite generator!

#ssg #smallweb #blogging

This week's #WebOrigami comic: Track changes in your site

More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.html

This Origami tool works with any #staticsite generator!

#ssg #smallweb #blogging

This week's #WebOrigami comic: Track changes in your site

More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.html

This Origami tool works with any #staticsite generator!

#ssg #smallweb #blogging

This week's #WebOrigami comic: Track changes in your site

More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.html

This Origami tool works with any #staticsite generator!

#ssg #smallweb #blogging

This week's #WebOrigami comic: Track changes in your site

More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.html

This Origami tool works with any #staticsite generator!

#ssg #smallweb #blogging

妻が10数年前から更新している #WordPress を静的なページにリプレースするにあたって、WordPressのエントリーをエクスポートした XML から JSON に変換したデータをもとにページを生成するということを試してみている

#WebOrigami

#GW の連休に #WebOrigami のドキュメントを読み進めてる。
Origami の記法を "#JavaScript の方言（dialect）" としてはいままでちゃんと理解できてなかったので、あらためて読み直してる :laptop_parrot:

https://weborigami.org/language/expressions#local-property-references

#GW の連休に #WebOrigami のドキュメントを読み進めてる。
Origami の記法を "#JavaScript の方言（dialect）" としてはいままでちゃんと理解できてなかったので、あらためて読み直してる :laptop_parrot:

https://weborigami.org/language/expressions#local-property-references

#GW の連休に #WebOrigami のドキュメントを読み進めてる。
Origami の記法を "#JavaScript の方言（dialect）" としてはいままでちゃんと理解できてなかったので、あらためて読み直してる :laptop_parrot:

https://weborigami.org/language/expressions#local-property-references

#GW の連休に #WebOrigami のドキュメントを読み進めてる。
Origami の記法を "#JavaScript の方言（dialect）" としてはいままでちゃんと理解できてなかったので、あらためて読み直してる :laptop_parrot:

https://weborigami.org/language/expressions#local-property-references

This week's #WebOrigami comic: Cache slow resources

More about Origami's Tree.cache builtin: https://weborigami.org/builtins/tree/cache
HTML comic: https://weborigami.org/comics/cache-slow-resources.html

#programming #staticsite

#Development #Reviews
It’s all just trees with Web Origami · ”I love it, and I’ve used it on many sites.” https://ilo.im/16c8sn

_____
#Blogs #Websites #WebOrigami #SSG #JavaScript #WebDev #Frontend #Backend

#Development #Reviews
It’s all just trees with Web Origami · ”I love it, and I’ve used it on many sites.” https://ilo.im/16c8sn

_____
#Blogs #Websites #WebOrigami #SSG #JavaScript #WebDev #Frontend #Backend

#Development #Reviews
It’s all just trees with Web Origami · ”I love it, and I’ve used it on many sites.” https://ilo.im/16c8sn

_____
#Blogs #Websites #WebOrigami #SSG #JavaScript #WebDev #Frontend #Backend

最近、休日に少しずつ #weborigami の勉強を再開している :laptop_parrot:

ビルトイン関数が充実してるのと、 Pipe operator で処理を繋ぐの覚えて少し理解が進んだ気がしてる :tony_happy:

https://weborigami.org/language/expressions#pipe-operator

This week's #WebOrigami comic: Rewriting nested function calls

More about Origami pipe operator: https://weborigami.org/language/expressions#pipe-operator
HTML comic: https://weborigami.org/comics/rewriting-nested-function-calls.html

#staticsite #programming

FWIW there's a (stale?) JS proposal for a pipe operator: https://github.com/tc39/proposal-pipeline-operator

It’s a treat to read such a well-written overview of #WebOrigami!

https://vale.rocks/posts/web-origami

I recall that @vale completely got the idea the first time he saw it, and he’s done great things with it ever since.

I think Origami’s the best way to make your site, but don’t just take my word for it — read Vale’s post!

When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.

Here are some more thoughts: https://vale.rocks/posts/web-origami

#WebDev #FrontEndDev #WebOrigami

When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.

Here are some more thoughts: https://vale.rocks/posts/web-origami

#WebDev #FrontEndDev #WebOrigami

When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.

Here are some more thoughts: https://vale.rocks/posts/web-origami

#WebDev #FrontEndDev #WebOrigami

When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.

Here are some more thoughts: https://vale.rocks/posts/web-origami

#WebDev #FrontEndDev #WebOrigami

When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.

Here are some more thoughts: https://vale.rocks/posts/web-origami

#WebDev #FrontEndDev #WebOrigami

This week's #WebOrigami comic: Group pages

More about Tree.groupBy builtin function: https://weborigami.org/builtins/tree/groupby
HTML comic: https://weborigami.org/comics/group-pages.html

#static #staticsite #smallweb

This week's #WebOrigami comic: Group pages

More about Tree.groupBy builtin function: https://weborigami.org/builtins/tree/groupby
HTML comic: https://weborigami.org/comics/group-pages.html

#static #staticsite #smallweb

My site’s search functionality now supports searching not only content natively on my site but also my writing on other publications.

All possible thanks to a mini-site made with WebOrigami that indexes external content and the ever-wonderful Pagefind library.

This is useful, because sometimes I get messages asking if I was the one who wrote about a topic.

It has long been easy for people to search for content present directly on my site, but it has been tricky to search in one place for my writing across the rest of the web. Happy to have this solution!

#Pagefind #WebOrigami #WebDev

This week's #WebOrigami comic: Serve anything

More about Origami's serve command: https://weborigami.org/builtins/dev/serve
HTML comic: https://weborigami.org/comics/serve-anything.html

#static #staticsite #smallweb

This week's #WebOrigami comic: Deferring work

More about Property getters in Origami: https://weborigami.org/language/expressions#property-getters
HTML comic: https://weborigami.org/comics/deferring-work.html

#programming #staticsite

This week's #WebOrigami comic: File extensions

More about Working with file types in Origami: https://weborigami.org/language/filetypes
HTML comic: https://weborigami.org/comics/file-extensions.html

#programming #templates

This week's #WebOrigami comic: File extensions

More about Working with file types in Origami: https://weborigami.org/language/filetypes
HTML comic: https://weborigami.org/comics/file-extensions.html

#programming #templates

Configuration-based site-making tools say: organize your content into folders, edit some config files, then run our tool to get a site.

But what if writing your site from scratch actually involves *less* code?

My 4th and final post in a series comparing a sample blog in #WebOrigami and #Eleventy: **Is code is more concise than configuration?** (Yes! Yes it is! Also easier to follow, more coherent, and more expressive.)

https://jan.miksovsky.com/posts/2026/03-20-code-is-more-concise-than-configuration

#coding #programming #blogging #11ty #staticsite

Code is more expressive than configuration: comparing a sample blog in #WebOrigami and #Eleventy

https://jan.miksovsky.com/posts/2026/03-19-code-is-more-expressive-than-configuration

Third post of four comparing creating the same #blog in two different #ssg systems. Both require code — which kind of code do you want to write?

#coding #programming #blogging #11ty

Code is more coherent than configuration: comparing a sample blog in #WebOrigami and #Eleventy

https://jan.miksovsky.com/posts/2026/03-18-code-is-more-coherent-than-configuration

Second post in a series comparing creating the same #blog in two different #ssg systems, in which we compare approximating your desired site with a folder structure vs describing your desired site in text

#blogging #11ty

Code is easier to follow than configuration: comparing a sample blog in #WebOrigami and #11ty https://jan.miksovsky.com/posts/2026/03-17-code-is-easier-to-follow-than-configuration

First post in a series comparing creating the same #blog in two different #ssg systems. The first diagram shows a large number of implicit connections between source files in the #Eleventy blog, the second shows that all connections in the Origami blog are explicit.

#blogging

This week's #WebOrigami comic: Coding in your terminal

More about The ori command-line interface: https://weborigami.org/cli/
HTML comic: https://weborigami.org/comics/coding-in-your-terminal.html

Using ori in a VS Code JavaScript Debug Terminal lets you set breakpoints, inspect variables, and step through code you start from a terminal!

#javascript #programming

RE: https://mastodon.social/@jimniels/116197448348633013

This is a nice use of #WebOrigami to liberate photos from #Instagram and create a personal #smallweb site!

I was so disappointed when IG deprecated their Basic Display API last year because we can't have nice things, but (for now) they still let users export their own data

Origami is great for this sort of fetch-and-transform task

This week's #WebOrigami comic: What are slugs

More about Origami.slug() function: https://weborigami.org/builtins/origami/slug
HTML comic: https://weborigami.org/comics/what-are-slugs.html

Fun etymolgy: https://archive.nytimes.com/www.nytimes.com/times-insider/2014/11/24/whats-in-a-slug/

#staticsite #indieweb #smallweb #blogging

This week's #WebOrigami comic: Maps transform bulk content

More about Tree.map builtin function: https://weborigami.org/builtins/tree/map
HTML comic: https://weborigami.org/comics/maps-transform-bulk-content.html

#blogging #static #smallweb

RE: https://mastodon.social/@jimniels/116120996001714316

One of the very best things about developing #WebOrigami as a friendlier dialect of #JavaScript for sites is that, as long as the core language is well-designed, users aren’t confined to a limited, pre-imagined set of features — they can create all sorts of useful solutions for themselves.

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

https://blog.jim-nielsen.com/2026/origami-icons/

This week's #WebOrigami comic: Transform content

More about The Content/Transformation model: https://weborigami.org/model.html
HTML comic: https://weborigami.org/comics/transform-content.html

#static #smallweb

This week's #WebOrigami comic: Serve a site

More about Origami serve command: https://weborigami.org/builtins/dev/serve
HTML comic: https://weborigami.org/comics/serve-a-site.html

#static #smallweb #devtools #javascript

This week's #WebOrigami comic: Include a folder

More about Site definitions: https://weborigami.org/language/sites
HTML comic: https://weborigami.org/comics/include-a-folder.html

#programming #sites

This week's #WebOrigami comic: Include a folder

More about Site definitions: https://weborigami.org/language/sites
HTML comic: https://weborigami.org/comics/include-a-folder.html

#programming #sites

This week's #WebOrigami comic: Include a folder

More about Site definitions: https://weborigami.org/language/sites
HTML comic: https://weborigami.org/comics/include-a-folder.html

#programming #sites

This week's #WebOrigami comic: Template documents

More about Origami template documents: https://weborigami.org/language/templatedocuments
HTML comic: https://weborigami.org/comics/template-documents.html

#templates #javascript

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

https://origami-comics.netlify.app

This week's #WebOrigami comic: Full-text search

More about Origami's pagefind extension: https://github.com/WebOrigami/extensions/tree/main/pagefind
HTML comic: https://weborigami.org/comics/full-text-search.html

#static #smallweb

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

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

#WebOrigami #個人サイト