Angelo Veltens<p>There is also a new <a href="https://social.veltens.org/tags/PracticalSolid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PracticalSolid</span></a> episode about the <a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> search feature. Check it out and (⚠ bad pun incoming) let me know how you find it! 😉</p><p><a href="https://tube.tchncs.de/w/pcYPSMLt1ZyW1V6ppfDCXM" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tube.tchncs.de/w/pcYPSMLt1ZyW1</span><span class="invisible">V6ppfDCXM</span></a></p><p><a href="https://social.veltens.org/tags/Solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Solid</span></a> <a href="https://social.veltens.org/tags/SolidProject" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SolidProject</span></a></p>
mastodon.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
The original server operated by the Mastodon gGmbH non-profit
Administered by:
Server stats:
329Kactive users
mastodon.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0-nightly.2025-04-15
#podos
2 posts · 2 participants · 0 posts today
Angelo Veltens<p><strong>#013 Find things in a Solid Pod</strong></p>
<p><a href="https://tube.tchncs.de/w/pcYPSMLt1ZyW1V6ppfDCXM" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tube.tchncs.de/w/pcYPSMLt1ZyW1</span><span class="invisible">V6ppfDCXM</span></a></p>
Angelo Veltens<p>🔎 Finding things in your <a href="https://social.veltens.org/tags/Solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Solid</span></a> Pod has become easier with <a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> 🎉 </p><p>To get started just hit the "Make this findable" button next to the nav bar. A search index will be automatically created, no need to edit raw data anymore.</p><p>Start typing the name of a thing into the nav bar to find back to it. You can do this with anything on the Solid Web: Things on your own Pods as well as elsewhere on the web. It's a great new way to organize stuff that matters to you.</p><p><a href="https://browser.pod-os.org/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">browser.pod-os.org/</span><span class="invisible"></span></a></p>
Angelo Veltens<p><a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> Browser has had a kinda "hidden feature" for full text search for some while now, if you add a "private label index" to your WebID profile.</p><p>Today I added a "make findable" feature so that you can manage the things you want to index and find, directly via the UI.</p><p>You still need to create the index manually once, but this will change as well soon.</p><p><a href="https://browser.pod-os.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">browser.pod-os.org</span><span class="invisible"></span></a></p><p><a href="https://social.veltens.org/tags/Solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Solid</span></a> <a href="https://social.veltens.org/tags/Search" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Search</span></a></p>
JG10<p>In part 2 of my pantry app blog series, the app supports opening arbitrary resources and we refactor the code into a <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> compatible recipe pane that is also used in a pod browser app.</p><p><a href="https://jg10.solidcommunity.net/pantry/blog/home.html#part2" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jg10.solidcommunity.net/pantry</span><span class="invisible">/blog/home.html#part2</span></a></p><p><a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a></p>
Angelo Veltens<p>Imagine you could browse through all your online data like through the files on your file system. With <a href="https://social.veltens.org/tags/Solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Solid</span></a> and <a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> you can!</p><p>Specialized apps are most useful for specific tasks, but a generic app like PodOS Browser allows you to access and make use of your data in ways those apps did not anticipate.</p><p><a href="https://tube.tchncs.de/w/5584eb07-cbb0-468c-80c4-134d61946f0b" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tube.tchncs.de/w/5584eb07-cbb0</span><span class="invisible">-468c-80c4-134d61946f0b</span></a></p><p><a href="https://social.veltens.org/tags/interoperability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interoperability</span></a> <a href="https://social.veltens.org/tags/DataSovereignty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataSovereignty</span></a></p>
Angelo Veltens<p><strong>#012 PodOS Browser</strong></p>
<p><a href="https://tube.tchncs.de/videos/watch/5584eb07-cbb0-468c-80c4-134d61946f0b" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tube.tchncs.de/videos/watch/55</span><span class="invisible">84eb07-cbb0-468c-80c4-134d61946f0b</span></a></p>
Angelo Veltens<p>Title cards on <a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> will look a lot nicer soon. Stay tuned.</p>
JG10<p>Current security measures for <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> compatible panes to be loaded within a <a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a> pod data browser app:</p><p>Avoid triple injection of new panes:<br />- Panes must be defined only in user's type registry<br />- Links to HTML fragments are only loaded from the pane's document</p><p>Avoid untrusted executable code:<br />- Scripts in HTML fragments not executed <br />- Web components instead whitelisted by the browser app and lazy loaded</p><p>Still need to trust web components and expect loading of new triples</p>
Angelo Veltens<p>I did a bit of a redesign for the generic <a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> data browser. Less clutter & redundancy, focus on human-readable labels & information, while all details can still be accessed if needed.</p><p>Try it out yourself at <a href="https://browser.pod-os.org/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">browser.pod-os.org/</span><span class="invisible"></span></a></p><p><a href="https://social.veltens.org/tags/Solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Solid</span></a> <a href="https://social.veltens.org/tags/SolidProject" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SolidProject</span></a></p>
JG10<p>Probably not new <a href="https://mastodon.social/tags/LinkedData" class="mention hashtag" rel="tag">#<span>LinkedData</span></a> ideas, but I've had two big realisations prompted by experimenting with <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> </p><p>1) I find it easier to build interfaces driven by components to which I have bound specific data rather than focusing on how I am navigating the knowledge graph</p><p>2) In an RDF world, this naturally happens by following predicates, and I want this level of control *in addition to* binding higher level shapes.</p><p>(Pls excuse rough diagrams)</p><p><a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a></p>
Angelo Veltens<p><a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a> Browser now has a nicer start page, that helps you getting started and dive into the <a href="https://social.veltens.org/tags/Solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Solid</span></a> web of data.</p><p><a href="https://browser.pod-os.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">browser.pod-os.org</span><span class="invisible"></span></a></p>
Angelo Veltens<p>I am going to show you a super power of Solid: Reusing data in different apps. We do not have to stick with SolidOS, but can use other apps in parallel on the same data.</p><p><a href="https://tube.tchncs.de/w/9TNczeoZPxZ8APxxjDoU7S" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tube.tchncs.de/w/9TNczeoZPxZ8A</span><span class="invisible">PxxjDoU7S</span></a></p><p><a href="https://social.veltens.org/tags/solid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>solid</span></a> <a href="https://social.veltens.org/tags/PracticalSolid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PracticalSolid</span></a> <a href="https://social.veltens.org/tags/interoperability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interoperability</span></a> <a href="https://social.veltens.org/tags/SolidOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SolidOS</span></a> <a href="https://social.veltens.org/tags/PodOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PodOS</span></a></p>
JG10<p>Rather than waiting for bugs to be fixed, here's a WIP note editor I've been working on and using, working with a <a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a> pod.</p><p><a href="https://jg10.solidcommunity.net/notes/notes2.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jg10.solidcommunity.net/notes/</span><span class="invisible">notes2.html</span></a></p><p>Provides a Google Keep-like list of cards, but built on a folder of plain text files, inspired by the now defunct Denkzettel app<br /><a href="https://web.archive.org/web/20220819083331/https://play.google.com/store/apps/details?id=com.silli.notizen" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">web.archive.org/web/2022081908</span><span class="invisible">3331/https://play.google.com/store/apps/details?id=com.silli.notizen</span></a></p><p>A text-loader & (buggy) virtualised list component do most interaction with the server, leveraging <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> </p><p>Migrating my notes to this app involved copying my text files into my pod.</p>
JG10<p>My <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> apps are becoming complex enough that multiple components are needed.</p><p>Rather than building larger/higher level web components, I'm finding that a htmx-like approach works well - though all I'm using is loading static html content on a trigger.</p><p><show-if<br />typeof="as:Note"<br />src="mastodon-note.html"></p><p>The html component only needs to know the active resource and triple store, which are received via a PodOS resource subscription event. <br />No props, but I haven't needed them either</p>
JG10<p>I'm experimenting with "open with" at web scale using <a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a></p><p>Type registrations on my pod specify an app to use for a given RDF class, in the form of a uri prefix</p><p>When I search using <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a>, a custom component links to the apps I can use to open the result.</p><p>Just like other OS, building "open with" into each of my apps lowers barriers to jumping to completely different resources, rather than just those the app can handle</p>
JG10<p>Given I'm aiming for UI rather than form generation, I do want to be able to edit HTML layout after all - one off UI generation isn't enough. Embedding editors for this obviously isn't no-code any more 🤣</p><p>I also found UI generation from a shape to encourage use of smallest possible building blocks - displaying individual RDF properties. </p><p><a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> currently shines for higher level components - I want to be able to use them even if I'm not ready to make decisions about individual building blocks</p>
JG10<p>My <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> UI generation prototyping ended up focusing on peripheral features while I rethought the core </p><p>- Embedded editors for html, js and ttl for full in browser control of the page, including button for prettier <br />- Button saves a memento to a history subfolder: basic version control leveraging <a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a> <br />- Editing of a single div, mutating document DOM and PUT back to the pod<br />- Code editor for the single div, and generate button to populate shape only on demand</p><p><a href="https://jg10.solidcommunity.net/no-code/" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jg10.solidcommunity.net/no-cod</span><span class="invisible">e/</span></a></p>
JG10<p>Super-minimal example now takes a shape and generates HTML in a target element using <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> and <a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a></p><p><a href="https://jg10.solidcommunity.net/no-code/test.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jg10.solidcommunity.net/no-cod</span><span class="invisible">e/test.html</span></a></p><p><shacl-html-generator about="<a href="https://jg10.solidcommunity.net/no-code/user-shape2.ttl#UserShape" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">jg10.solidcommunity.net/no-cod</span><span class="invisible">e/user-shape2.ttl#UserShape</span></a>" target="<a href="https://mastodon.social/tags/user" class="mention hashtag" rel="tag">#<span>user</span></a>-shape"></p><p><pos-value predicate="<a href="http://schema.org/name" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">http://</span><span class="">schema.org/name</span><span class="invisible"></span></a>"></pos-value><pos-value predicate="<a href="http://schema.org/birthDate" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">http://</span><span class="">schema.org/birthDate</span><span class="invisible"></span></a>"></pos-value><autocomplete-input property="<a href="http://schema.org/knows" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">http://</span><span class="">schema.org/knows</span><span class="invisible"></span></a>"></autocomplete-input></p>
JG10<p>In my <a href="https://mastodon.social/tags/SolidProject" class="mention hashtag" rel="tag">#<span>SolidProject</span></a> feed reader, item cards and detailed views are built with <a href="https://mastodon.social/tags/PodOS" class="mention hashtag" rel="tag">#<span>PodOS</span></a> compatible custom components inspired by <a href="https://mastodon.social/tags/Mavo" class="mention hashtag" rel="tag">#<span>Mavo</span></a></p><p>UI data binding connects a widget's value to a resource property RDFa style. Prefixes can be defined in a parent element</p><p>Loading an image:</p><p> <my-picture property="schema:thumbnailUrl"> </p><p>Autocompleting a <a href="https://yaireo.github.io/tagify/" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">yaireo.github.io/tagify/</span><span class="invisible"></span></a> component with any object that has previously been used with the selected property:</p><p><autocomplete-input property="schema:about"></p>
ExploreLive 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.
Create accountLoginDrag & drop to upload