New Signature test!
#microformats
0 posts0 participants0 posts today
I've just finished sprinkling some microformats2 tags on my homepage (https://moule.world) to make my own h-card! Now software that supports reading h-cards can get a quick overview of what MOULE and MOULE WORLD is. I'll see if I can set up webmentions next.
WML, WAP, and Microformats Demo, by @artlung.com:
Programming Mission: Let’s Fix the Fediverse Discovery Gap
Here’s a small but powerful challenge for #openweb builders – and a perfect #DIY project if you’re fed up with the current #geekproblem. I’ve been trying to find #Fediverse instances that actually cover my town, Oxford, UK, so I can help promote and grow them locally. You’d think this would be simple, right? But… nope.
Tried the standard “instance pickers”? Dead ends. Tried generic web searches? Useless #SEO sludge. Tried maps like this one, a good start […]
https://hamishcampbell.com/programming-mission-lets-fix-the-fediverse-discovery-gap/
hamishcampbell.comProgramming Mission: Let’s Fix the Fediverse Discovery Gap – Hamish Campbell
More from 
Hamish Campbell
Congrats @microformats.org on 20 years! #microformats20
Even after 20 years, people keep discovering new ways of using #microformats:
* @artlung.com: "WML, WAP, & Microformats Demo!" (https://lab.artlung.com/wml/faux)
> Because WML elements may have the class attribute
Originally posted 2025-06-18: https://xoxo.zone/@artlung/114705990062730513
That adds to the list of languages with working microformats examples:
* HTML — modern, unversioned as well as every version since HTML4
* HTML3 — see https://microformats.org/wiki/html3
* SVG — see https://microformats.org/wiki/svg
* XHTML — every version, 1.0, 1.1, 2.0
and now also:
* WML — https://microformats.org/wiki/wml
Literally any HTML-like or XML-like language that has a space-separated class attribute can work with microformats.
In constrast, every alternative to microformats (most now defunct) required adding new attributes, or worse, entirely new elements, which meant revising every language one at a time (or use of fragile XML Namespaces), resulting in supporting only 1-2 languages at most (HTML and XHTML) in practice, and nothing else.
Re-using the "class" attribute based on the existing footpath that web designers made for encoding additional semantics into their HTML, and the similarly extensible "rel" attribute, was one of the best design decisions in any extension format ever.
After 20 years, microformats continue to serve as another example of “loosely joined” approaches being more adaptable, reliable, resilient, and longer lasting than “tightly coupled”.
More microformats 20th anniversary posts from the #indieweb personal sites (via https://stream.indieweb.org/)
* @manton.org: "It’s the 20th anniversary of the launch of microforrmats.org!" (https://www.manton.org/2025/06/20/its-the-th-anniversary-of.html)
* ... hashtag your post #microformats or #microformats20 and #federate (using #Mastodon or any compatible #fediverse server etc.) or webmention this post!
#20thAnniversary #smallPieces #looselyJoined
Previously, previously, previously:
* https://tantek.com/2024/173/t1/years-posse-microformats-beyond
* https://tantek.com/2023/171/t1/anniversaries-microformats-posse
* https://tantek.com/2019/171/t1/happy-14th-microformats-org
microformats.orgMicroformats – building blocks for data-rich web pages
Continued thread
I have augmented my ridiculous WML page with #microformats which are 20 years old this year. This WAP/WML/XML page may be the only one so-marked up. I am not encouraging anyone else to do so but I am not discouraging it either. Maybe I'll try to acquire an old Nokia. #IndieWeb https://lab.artlung.com/wml/
Replied in thread
I did the whole frontend (some backend) for #StatusNet #identica. HTML, CSS - no JavaScript.
I take pride in that work b/c it was technically "state of the art".
Progressively enhanced; valid markup, alternate stylesheets, and a tonne of structured data directly in the pages. Essentially enabling a read API.
Something for the #microformats fans:
https://microformats.org/discuss/mail/microformats-discuss/2009-February/012821.html
https://microformats.org/discuss/mail/microformats-discuss/2009-February/012822.html
>the best implementations of microformats in a social
media site
microformats.org[uf-discuss] Open microblogging and microformats
Replied in thread
@hongminhee On the other hand #Microformats seems to survive the sanitizer https://github.com/mastodon/mastodon/blob/1dafd8c9dd66a6a97573cb4b2008a39b7c986d47/lib/sanitize_ext/sanitize_config.rb#L31 which could be utilized by using a schema/vendor prefix suggested på @KevinMarks some time ago https://www.kevinmarks.com/microformatschema.html
It would then by up to the client to have corresponding css like Pygment's or highlight.js' https://github.com/highlightjs/highlight.js/blob/main/src/styles/default.css
Python-kodeblokk
Eksempel på kodeblokk med Python:
def main(): print("Hello, world!")Code language: Python (python)Med Microformats-prefiks h-, p- o.l. så kunne kanskje formateringa vha. CSS-klasser ha sluppet gjennom.
In my wiki/digital garden I have a collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! Hope it can be helpful to someone
reillyspitzfaden.com/digital-gard...
#Webmentions #IndieWeb #Microformats #Eleventy #11ty #WebDev #HTML
A Quick Guide to Everything I ...
reillyspitzfaden.comA Quick Guide to Everything I Know about Webmentions
More from 
Reilly Spitzfaden (they/them)
In my wiki/digital garden I have a collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsing, displaying, and updating them with Eleventy, Netlify, and Bridgy.
Hope it can be helpful to someone!
https://reillyspitzfaden.com/wiki/tutorials/webmention-tutorial/
reillyspitzfaden.comA Quick Guide to Everything I Know about Webmentions
More from Reilly Spitzfaden (they/them)
I’m in the process of (unnecessarily…? 
) rewriting my #ruby #microformats parser and hoo lawd have I grown a lot since I wrote most of the existing gem.
I’m also learning and relearning quite a few things. Current rabbit hole is #nokogiri custom CSS selectors which I think are maybe gonna save a lot of headache in this codebase.
Continued thread
One of the things in my digital garden is this set of tutorials on webmentions:
https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/
I noticed I kept writing blog posts about them (and realized I would probably keep doing that for a while!) and decided to put everything in one place.
You can use the table of contents (also a new site feature!) to hop around and choose the tutorial you want, and the first two are pretty easy even with only a small amount of HTML experience.
reillyspitzfaden.comA Quick Guide to Everything I Know about Webmentions
More from Reilly Spitzfaden (they/them)
Given that the biggest obstacle to the adoption of microformats is the lack of programs that actually implement them, I have been toying with the idea of writing some useful programs that work with all the information we put onto our websites.
It's frustrating that we're at a point where the bottleneck of the Semantic Web ideal is not actually a low amount of structured information, but the lack of any program to do anything interesting whatsoever with it!
Who cares if we all use the HTML5 tag on our sites, if there is no browser that actually provides a "contact webmaster" button in the sidebar?
Who cares if we all mark up our cooking recipes as perfectly detailed machine readable h-recipe entries, if there is zero cooking apps or whatever actually capable of using any of the data we provide?
Who cares if we all use h-cards and h-feeds and whatnot if there is no feed reader that can actually notify us when our friends posted a new blog entry?
After spending the evening rebuilding microformats, as hoped, comments are now landing on the target article, and not my homepage. The indiewebify.me validators made this so much easier than the documentation. #changelog #indieweb #microformats
https://lee-perry.co.uk/microfeed/2025-04-22-micro
As we consider ways to implement #ActivityPub into our FOSS Community Calendar Ecosystem platform Koalagator, I've been looking over the differing specs for how to specify the event object schema.
Have any other folk wrestled with this?Asking before I get arms deep in this stuff.
For those playing at home...
---
Schema.org - Event
Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet.
-----
W3C Activity Vocabulary - Event
This specification describes the Activity vocabulary. It is intended to be used in the context of the ActivityStreams 2.0 format and provides a foundational vocabulary for activity structures, and specific activity types.
https://www.w3.org/TR/activitystreams-vocabulary/#dfn-event
----
Fediverse Enhancement Proposal
FEP-8a8e: A common approach to using the Event object type
ActivityStreams defines the Object Type Event. In real-world applications, the event object immediately showed the need for extension. Applications featuring Event objects have often chosen to add additional attributes and clarifications (i.e., interpretations) in order to implement their particular use case. This proposal clarifies and extends the ActivityPub standard to address the needs that have arisen in real-world implementations.
https://codeberg.org/linos/fep/src/branch/fep-8a8e/fep/8a8e/fep-8a8e.md
---
[HTML] Microformats - h-event
People are using microformats to mark up profiles, posts, events and other data on their personal sites, enabling developers to build applications which use this data in useful and interesting ways.
https://microformats.org/wiki/h-event
---
iCalendar Standard (RFC 5545)
iCalendar was first defined as a standard as RFC 2445 in 1998 by the Internet Engineering Task Force (IETF). Today, iCalendar is used to import and synchronize events on various platforms, including smart phones, computer and web applications.
https://icalendar.org/the-icalendar-standard-2.html
#EventObjectSchema
#Calendar #Standards #WebStandards #W3C #Microformats #FEP #FediverseEnhancementProposals #iCal #iCalendar #FOSS #WebDevelopment #WebDesign #RubyOnRails #Rails #Mastodon #Dev #Developer #OpenStandards
schema.orgEvent - Schema.org TypeSchema.org Type: Event - An event happening at a certain time and location, such as a concert, lecture, or festival. Ticketing information may be added via the <a class="localLink" href="/offers">offers</a> property. Repeated events may be structured as separate Event objects.
Continued thread
thanks so much for boosting this post everyone! Its already led to someone commenting on the discussions and letting me know about a project that may help!
The FediRails project that helps add ActivityPub to Rails codebases.
GitLabExperiments Labs / Federails · GitLabRuby gem to bring ActivityPub to your app - Documentation
Replied in thread
@paulca I wonder if there's prior art from #indieweb land that could be used and/or expanded upon?
https://indieweb.org/Category:building-blocks
#microformats and #ActivityStreams (which begat #ActivityPub already has a big vocabulary of things (nouns and verbs)
The #indeweb outlook on auth is that your domain is your UID
Payments… no real idea/suggestion
The allure of a a Just Works™ universal payments system on the web has been there since the start. That territory seems more fragmented than ever.
IndieWebbuilding-blocks🧱🔩
I have webmentions coming in from Mastodon now! I added microformats, including a "u-syndication" link to my site (e.g., here: https://reillyspitzfaden.com/posts/2025/01/databending-part-1/ — you can see if you right-click and "view source"), and I figured out getting my Mastodon account working with Bridgy.
Now I'm able to see interactions on Mastodon as webmentions, and it should be relatively straightforward to add a counter to my post showing how many interactions it has on the Fediverse.
reillyspitzfaden.comDatabending Part 1Did you know you can listen to pretty much any file as an audio file? Let's look at how it works and what it sounds like!
The team @micro.blog have done it again.
They soft-launched https://micro.one yesterday¹.
This may be the most accessible onramp to the open social web ever.
Cost: $1 a month. Yes you read correctly.
This is the simplest and cheapest (where you are the customer, not the product) way to own your identity and content online².
Stop posting in someone else’s garage³.
Time to export your Twitter, and migrate your Mastodon handle to your own home on the web.
Of course you can bring your own domain name. Additionally:
* blog posts, naturally, both articles and microblogging notes
* photos
* podcasting
* custom themes
* web-clients and native mobile posting clients
* WordPress, Tumblr, Mastodon, Medium import
More details (and alternatives) at https://micro.one/about/pricing
And yes, it interoperates with the open #socialWeb, including:
* #ActivityPub support, #Mastodon and #fediverse compatibility
* #IndieAuth to sign-in to third-party apps
* #microformats support in all built-in themes
* #Webmention for sending and receiving replies across websites
* #Micropub standard posting API, supporting dozens of clients
* #Microsub standard timeline API, supporting social readers
More #indieweb support details at https://micro.one/about/indieweb
Did I mention the the superb micro.blog (and micro.one) Community Guidelines?
* https://help.micro.blog/t/community-guidelines/39
Well done @manton.org and team.
This is post 6 of #100PostsOfIndieWeb. #100Posts #ownYourIdentity #ownYourData #openSocialWeb
← https://tantek.com/2025/003/t1/lastfm-year-in-review-playback24
→ https://tantek.com/2025/012/t1/eight-years-webmention
Glossary
IndieAuth
https://indieweb.org/IndieAuth
microformats
https://microformats.org/wiki/microformats
Micropub
https://indieweb.org/Micropub
Microsub
https://indieweb.org/Microsub
Webmention
https://indieweb.org/Webmention
References
¹ https://www.manton.org/2025/01/03/microone-was-effectively-a-softlaunch.html
² https://tantek.com/2025/001/t1/15-years-notes-my-site-first
³ https://tantek.com/2023/022/t2/own-your-notes-domain-migration
micro.blogMicro.blogPost short thoughts or long essays, share photos, all on your own blog. Micro.blog makes it easy, and provides a friendly community where you can share and engage with others.