#weborigami — Public Fediverse posts

This week's #WebOrigami comic: Retrieve network resources using URLs

More about URLs in Origami expressions: https://weborigami.org/language/expressions#urls
HTML comic: https://weborigami.org/comics/retrieve-network-resources-using-urls.html

#programming

This week's #WebOrigami comic: How paths find files

More about Scope in Origami expressions: https://weborigami.org/language/scope.html
HTML comic: https://weborigami.org/comics/how-paths-find-files.html

#programming

This week's #WebOrigami comic: Extract specific files from a site

More about Tree.mask builtin function: https://weborigami.org/builtins/tree/mask
HTML comic: https://weborigami.org/comics/extract-specific-files-from-a-site.html

#shell #programming #staticsite

This week's #WebOrigami comic: Bundle stylesheets

More about Tree.deepText builtin function: https://weborigami.org/builtins/tree/deeptext
HTML comic: https://weborigami.org/comics/bundle-stylesheets.html

#blogging #css #staticsite

I've posted a video about how you can build a site from scratch in any #programming language you like without the need for an off-the-shelf static site generator (#ssg): https://www.youtube.com/watch?v=6t3BN3Z-TkE&t=1147s

This compares using an SSG like #Astro or #Eleventy (#11ty) to build a blog with building the same blog in #Python, #JavaScript, or even a language like #Zig. I'm designing #WebOrigami to be the most concise and clearest language for this purpose — but you can use any language you like.

連休中（というか今日だけだけど） #WebOrigami の シンタックスとかに対応する #Zed 用の Extension を既存の公式 #VSCode 用 Extension から作るということをやって、手元では問題なく動いてる模様。
Claude Sonnet 5 にやらせて $30 くらい使った（Zed Pro で利用してるので1割くらい割高換算

RE: https://mastodon.online/@mwichary/116931990778988766

It's easy to forget that #software can delight people.

It can delight both the users depending on it — and the software creators who want to help those users.

I’m happy to have #WebOrigami cited here alongside other projects that: listen to users, focus on small details, care about the overall experience, and have the wherewithal to keep delivering improvements.

https://unsung.aresluna.org/a-good-kind-of-an-update-the-responses/#:~:text=Web%20Origami

This week's #WebOrigami comic: Create a blog roll

More about Reading in an OPML file and transforming it to HTML: https://weborigami.org/builtins/origami/xmlParse.html
HTML comic: https://weborigami.org/comics/create-a-blog-roll.html

#indieweb #blogging

This week's #WebOrigami comic: Organizing your writings

More about models for turning your writing into a site: https://weborigami.org/model
HTML comic: https://weborigami.org/comics/organizing-your-writings.html

#smallweb #blogging #staticsite

Does your site publishing tool let you organize your writing the way you want?

Having fun using the updated #WebOrigami screenshot extension to capture PDFs of web pages, wrote a tiny Origami program that crawls a live site and archives all its HTML pages as a corresponding tree of PDF files 😃

https://github.com/WebOrigami/extensions/tree/main/screenshot

This week's #WebOrigami comic: Making your complete site content public

More about JSON Keys protocol: https://weborigami.org/async-tree/jsonKeys.html
HTML comic: https://weborigami.org/comics/making-your-complete-site-content-public.html

#web #openweb #staticsite

The protocol is simple and independent of the Web Origami project.
Everyone benefits from an open web!

This week's #WebOrigami comic: Changing file extensions

More about Origami's mapExtension function: https://weborigami.org/builtins/tree/mapextension
HTML comic: https://weborigami.org/comics/changing-file-extensions.html

#staticsite #ssg

This week's #WebOrigami comic: Table of contents for a document

More about Origami.mdOutline builtin function: https://weborigami.org/builtins/origami/mdoutline
HTML comic: https://weborigami.org/comics/table-of-contents-for-a-document.html

#documentation #staticsite

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

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

#WebOrigami

#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

最近、休日に少しずつ #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

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

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