@classicweb @evan

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

#FediForum

@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.

#HTML #CSS #WebDev #IndieWeb #Webmentions #Microformats

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.

https://schema.org/Event

-----
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.

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.

#Webmentions #IndieWeb #Microformats #Bridgy #Fediverse #WebDev

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

📝:ivory_boost: Oxtail, and more #Cooklang Exploration

After yesterday’s post, it was time to finally try to handle a blog post and Cooklang #recipe in one file. The solution to how to format things was simple: inline the recipe in a Markdown code fence and pre-process it.

#NaBloPoMo #NaBloPoMo2024 #Microformats #IndieWeb #Rust #RubyOnRails
https://calebhearth.com/m/oxtail

📝♻️ Oxtail, and more Cooklang Exploration #NaBloPoMo #NaBloPoMo2024 #Microformats #IndieWeb #Rust #RubyonRails #Recipe https://calebhearth.com/bs/oxtail

📝:ivory_boost: Oat Notes

You’ll probably read this recipe and think wait, this is just overnight oats but you’d be wrong, because this is a recipe for overnight oats that someone who cares about you remembered to make for you last night. At least that’s how I interpret my 3-year-old’s mis-hearing or pronunciation of us...

#NaBloPoMo #Receipe #NaBloPoMo2024 #Cooklang #Microformats #IndieWeb
https://calebhearth.com/m/oat-notes

Looking at a chicken pasta recipe: . #LinkedData #Microformats #Microdata #Schemaorg #BigData #SemanticWeb