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.
#IndieWeb #PersonalSites #MicroFormats #PersonalWebsites #MicroFormats2
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/
🎂 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
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/
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
@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 ...
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/
#Webmentions #IndieWeb #Microformats #Eleventy #11ty #Netlify #Bridgy #WebDev #HTML
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.
One of the things in my digital garden is this set of tutorials on webmentions: reillyspitzfaden.com/digital-gard...
I noticed I kept writing blog posts about them and decided to put everything in one place.
#HTML #CSS #WebDev #IndieWeb #Webmentions #Microformats
A Quick Guide to Everything I ...
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.
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?
#microformats #microformats2 #HTML #webDev #indieWeb #semanticHTML #semanticWeb #HTML5
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
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.
https://gitlab.com/experimentslabs/federails
#Rails #Fediverse #Events #Microformats #Ical #ActivityPub #Developers #SoftwareDesign #FOSS #OpenSource #CommunityCalendar #Feedback
Using the Wayback Machine, #microformats-embedded HTML I wrote on the job nearly twenty years ago, and some gnarly throwaway Ruby to resurrect the content I posted to a long-dead social media site.
As one does.
@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.
