Jan Miksovsky<p>A new <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a> user shared their first project with me: a site for his girlfriend’s son’s poetry.</p><p>This joins my list of interesting personal <a href="https://fosstodon.org/tags/smallweb" class="mention hashtag" rel="tag">#<span>smallweb</span></a> sites built with Origami, including a dev’s grandmother’s podcast and a student’s summer abroad travel journal.</p><p>One thing I love about Origami: it’s easy to look at a project’s site.ori file and see the construction of the whole site laid out — like walking into a theme park or shopping mall and finding the big map of the whole place.</p>
fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software.
If you wish to join, contact us for an invite.
Administered by:
Server stats:
8.7Kactive users
fosstodon.org: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.2
#WebOrigami
0 posts · 0 participants · 0 posts today
Jan Miksovsky<p>In which I compare the same blog rewritten four ways <a href="https://jan.miksovsky.com/posts/2025/05-02-concise-expressions.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jan.miksovsky.com/posts/2025/0</span><span class="invisible">5-02-concise-expressions.html</span></a></p><p>1. Minimalist <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> with zero dependencies<br />2. JavaScript using the async-tree library<br />3. <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a><br />4. <a href="https://fosstodon.org/tags/Astro" class="mention hashtag" rel="tag">#<span>Astro</span></a>, a popular <a href="https://fosstodon.org/tags/SSG" class="mention hashtag" rel="tag">#<span>SSG</span></a> framework</p><p>Origami comes out nicely in this <a href="https://fosstodon.org/tags/blogging" class="mention hashtag" rel="tag">#<span>blogging</span></a> comparison: very concise source for the blog, modest dependencies, still fast</p>
Jan Miksovsky<p>Using the async-tree library substantially cuts down the source code for a minimalist static site generator in <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a>, at a very modest cost in dependencies. The result is still fast and flexible. <a href="https://fosstodon.org/tags/ssg" class="mention hashtag" rel="tag">#<span>ssg</span></a> <a href="https://fosstodon.org/tags/blogging" class="mention hashtag" rel="tag">#<span>blogging</span></a> <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a> </p><p><a href="https://jan.miksovsky.com/posts/2025/04-23-async-tree.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jan.miksovsky.com/posts/2025/0</span><span class="invisible">4-23-async-tree.html</span></a></p>
Jan Miksovsky<p>Origami user <span class="h-card" translate="no"><a href="https://fedi.vale.rocks/users/vale" class="u-url mention">@<span>vale</span></a></span>: "I built a podcast feed for my grandmother the other day using <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a>. It's literally just putting together files and iterating over files and getting values and putting them in templates and it's really simple."</p><p>Couldn’t have said it better myself!</p><p>I don’t think the big tech companies or <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> frameworks think much about the grandmother podcast market, but I am totally here for it</p><p><a href="https://weborigami.org" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">weborigami.org</span><span class="invisible"></span></a></p>
Jan Miksovsky<p><span class="h-card" translate="no"><a href="https://social.lol/@nsmsn" class="u-url mention">@<span>nsmsn</span></a></span> recently launched a personal site he rebuilt with <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a>: <a href="https://www.nicksimson.com/posts/2025-ye-olde-blogging-questions-challenge" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">nicksimson.com/posts/2025-ye-o</span><span class="invisible">lde-blogging-questions-challenge</span></a></p><p>By design Origami’s audience includes creative people that don’t think of themselves as engineers, or primarily as engineers. It’s gratifying that Nick “was able to get this to work the way [his] brain works” and that he finds it fun to use. <a href="https://fosstodon.org/tags/indieweb" class="mention hashtag" rel="tag">#<span>indieweb</span></a></p>
Jan Miksovsky<p>I wrote a screenplay for a programming language introduction, then wrote a program to turn that into a motion comic <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a> <a href="https://fosstodon.org/tags/comics" class="mention hashtag" rel="tag">#<span>comics</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://jan.miksovsky.com/posts/2025/01-22-motion-comic-origami-introduction.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jan.miksovsky.com/posts/2025/0</span><span class="invisible">1-22-motion-comic-origami-introduction.html</span></a></p>
bruce oberg<p><span class="h-card" translate="no"><a href="https://peoplemaking.games/@JoshJers" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>JoshJers</span></a></span> </p><p>and my friend <span class="h-card" translate="no"><a href="https://fosstodon.org/@JanMiksovsky" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>JanMiksovsky</span></a></span> has pre-released <a href="https://xoxo.zone/tags/weborigami" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>weborigami</span></a>, a different take on SSG tech: <a href="https://weborigami.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">weborigami.org</span><span class="invisible"></span></a></p>
Jan Miksovsky<p>The basic site auditing tool in <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a> can work against a <a href="https://fosstodon.org/tags/website" class="mention hashtag" rel="tag">#<span>website</span></a> defined in many ways <a href="https://jan.miksovsky.com/posts/2024/10-10-auditing-a-site.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jan.miksovsky.com/posts/2024/1</span><span class="invisible">0-10-auditing-a-site.html</span></a></p>
Jan Miksovsky<p>I'm working on a new language feature for <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a> and when I test that with my blog site, somehow most of the pictures get replaced with a test picture of my cat.</p><p>Might improve the blog tbh — fix, or leave as is?</p>
Jim Nielsen<p>One of the things I've loved about templating in <a href="https://mastodon.social/tags/weborigami" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>weborigami</span></a> is how files on disk (or files over the network) are 1st-class citizens.</p><p>Want to inline an svg?</p><p>You don't have to import fs and read a file and convert it from a buffer and then inline it.</p><p>You don't have to get a bundler plugin that converts SVGs to react components.</p><p>You can simply:</p><p><div>${./path/to/file.svg}</div></p><p>That's it.</p><p>And if it's a file on the web?</p><p><div>${http[s]://example.com/file.svg}</div></p><p><a href="https://weborigami.org/language/syntax#paths" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">weborigami.org/language/syntax</span><span class="invisible">#paths</span></a></p>
Jan Miksovsky<p>I made a short video walking through how I generate <a href="https://fosstodon.org/tags/OpenGraph" class="mention hashtag" rel="tag">#<span>OpenGraph</span></a> images for the pages on my <a href="https://fosstodon.org/tags/blog" class="mention hashtag" rel="tag">#<span>blog</span></a> using <a href="https://fosstodon.org/tags/WebOrigami" class="mention hashtag" rel="tag">#<span>WebOrigami</span></a>. <a href="https://fosstodon.org/tags/FrontEnd" class="mention hashtag" rel="tag">#<span>FrontEnd</span></a> </p><p><a href="https://jan.miksovsky.com/posts/2024/09-06-opengraph-images.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jan.miksovsky.com/posts/2024/0</span><span class="invisible">9-06-opengraph-images.html</span></a></p>
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload