Mathstodon

0 posts0 participants0 posts today

i686-powered liaMy nerdy special-interest-having ass wishes there was <a href="https://mastodon.gamedev.place/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> software that lets you, no, actually *requires* you to use semantic markup for your posts. I want my <abbr>s and my <dfn>s and even all the <a href="https://mastodon.gamedev.place/tags/Schema" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Schema</a> <a href="https://mastodon.gamedev.place/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a>!I wanna add semantic info to literally everything on the whole wide web and I am not afraid.The only depressing thought in the back of my head is that no software will ever do anything cool with all that information...<a href="https://mastodon.gamedev.place/tags/SemanticWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SemanticWeb</a> <a href="https://mastodon.gamedev.place/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SemanticHTML</a> <a href="https://mastodon.gamedev.place/tags/SchemaOrg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SchemaOrg</a> <a href="https://mastodon.gamedev.place/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Shane Becker<a href="https://mastodon.social/@paulca" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@paulca</a> I wonder if there's prior art from <a href="https://ruby.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> land that could be used and/or expanded upon?<a href="https://indieweb.org/Category:building-blocks" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://indieweb.org/Category:building-blocks</a><a href="https://ruby.social/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a> and <a href="https://ruby.social/tags/ActivityStreams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ActivityStreams</a> (which begat <a href="https://ruby.social/tags/ActivityPub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ActivityPub</a> already has a big vocabulary of things (nouns and verbs)The <a href="https://ruby.social/tags/indeweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indeweb</a> outlook on auth is that your domain is your UIDPayments… 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.

Reilly Spitzfaden (they/them)I have webmentions coming in from Mastodon now! I added microformats, including a "u-syndication" link to my site (e.g., here: <a href="https://reillyspitzfaden.com/posts/2025/01/databending-part-1/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/posts/2025/01/databending-part-1/</a> — 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.<a href="https://hachyderm.io/tags/Webmentions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmentions</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a href="https://hachyderm.io/tags/Bridgy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bridgy</a> <a href="https://hachyderm.io/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

Tantek ÇelikThe team <a class="" href="https://micro.blog" rel="nofollow noopener noreferrer" target="_blank">@micro.blog</a> have done it again. They soft-launched <a class="" href="https://micro.one" rel="nofollow noopener noreferrer" target="_blank">https://micro.one</a> yesterday<a href="https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web#t5_s1_note-1" rel="nofollow noopener noreferrer" target="_blank">¹</a>. 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<a href="https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web#t5_s1_note-2" rel="nofollow noopener noreferrer" target="_blank">²</a>. Stop posting in someone else’s garage<a href="https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web#t5_s1_note-3" rel="nofollow noopener noreferrer" target="_blank">³</a>. 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 <a class="" href="https://micro.one/about/pricing" rel="nofollow noopener noreferrer" target="_blank">https://micro.one/about/pricing</a> And yes, it interoperates with the open <a class="" href="https://indieweb.social/tags/socialWeb" rel="nofollow noopener noreferrer" target="_blank">#socialWeb</a>, including: * <a class="" href="https://indieweb.social/tags/ActivityPub" rel="nofollow noopener noreferrer" target="_blank">#ActivityPub</a> support, <a class="" href="https://indieweb.social/tags/Mastodon" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> and <a class="" href="https://indieweb.social/tags/fediverse" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> compatibility * <a class="" href="https://indieweb.social/tags/IndieAuth" rel="nofollow noopener noreferrer" target="_blank">#IndieAuth</a> to sign-in to third-party apps * <a class="" href="https://indieweb.social/tags/microformats" rel="nofollow noopener noreferrer" target="_blank">#microformats</a> support in all built-in themes * <a class="" href="https://indieweb.social/tags/Webmention" rel="nofollow noopener noreferrer" target="_blank">#Webmention</a> for sending and receiving replies across websites * <a class="" href="https://indieweb.social/tags/Micropub" rel="nofollow noopener noreferrer" target="_blank">#Micropub</a> standard posting API, supporting dozens of clients * <a class="" href="https://indieweb.social/tags/Microsub" rel="nofollow noopener noreferrer" target="_blank">#Microsub</a> standard timeline API, supporting social readers More <a class="" href="https://indieweb.social/tags/indieweb" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> support details at <a class="" href="https://micro.one/about/indieweb" rel="nofollow noopener noreferrer" target="_blank">https://micro.one/about/indieweb</a> Did I mention the the superb <a class="" href="http://micro.blog" rel="nofollow noopener noreferrer" target="_blank">micro.blog</a> (and <a class="" href="http://micro.one" rel="nofollow noopener noreferrer" target="_blank">micro.one</a>) Community Guidelines? * <a class="" href="https://help.micro.blog/t/community-guidelines/39" rel="nofollow noopener noreferrer" target="_blank">https://help.micro.blog/t/community-guidelines/39</a> Well done <a class="" href="https://manton.org" rel="nofollow noopener noreferrer" target="_blank">@manton.org</a> and team. This is post 6 of <a class="" href="https://indieweb.social/tags/100PostsOfIndieWeb" rel="nofollow noopener noreferrer" target="_blank">#100PostsOfIndieWeb</a>. <a class="" href="https://indieweb.social/tags/100Posts" rel="nofollow noopener noreferrer" target="_blank">#100Posts</a> <a class="" href="https://indieweb.social/tags/ownYourIdentity" rel="nofollow noopener noreferrer" target="_blank">#ownYourIdentity</a> <a class="" href="https://indieweb.social/tags/ownYourData" rel="nofollow noopener noreferrer" target="_blank">#ownYourData</a> <a class="" href="https://indieweb.social/tags/openSocialWeb" rel="nofollow noopener noreferrer" target="_blank">#openSocialWeb</a> ← <a class="" href="https://tantek.com/2025/003/t1/lastfm-year-in-review-playback24" rel="nofollow noopener noreferrer" target="_blank">https://tantek.com/2025/003/t1/lastfm-year-in-review-playback24</a> → <a class="" href="https://tantek.com/2025/012/t1/eight-years-webmention" rel="nofollow noopener noreferrer" target="_blank">https://tantek.com/2025/012/t1/eight-years-webmention</a> Glossary IndieAuth   <a class="" href="https://indieweb.org/IndieAuth" rel="nofollow noopener noreferrer" target="_blank">https://indieweb.org/IndieAuth</a> microformats   <a class="" href="https://microformats.org/wiki/microformats" rel="nofollow noopener noreferrer" target="_blank">https://microformats.org/wiki/microformats</a> Micropub   <a class="" href="https://indieweb.org/Micropub" rel="nofollow noopener noreferrer" target="_blank">https://indieweb.org/Micropub</a> Microsub   <a class="" href="https://indieweb.org/Microsub" rel="nofollow noopener noreferrer" target="_blank">https://indieweb.org/Microsub</a> Webmention   <a class="" href="https://indieweb.org/Webmention" rel="nofollow noopener noreferrer" target="_blank">https://indieweb.org/Webmention</a> References <a href="https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web#t5_s1_ref-1" rel="nofollow noopener noreferrer" target="_blank">¹</a> <a class="" href="https://www.manton.org/2025/01/03/microone-was-effectively-a-softlaunch.html" rel="nofollow noopener noreferrer" target="_blank">https://www.manton.org/2025/01/03/microone-was-effectively-a-softlaunch.html</a> <a href="https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web#t5_s1_ref-2" rel="nofollow noopener noreferrer" target="_blank">²</a> <a class="" href="https://tantek.com/2025/001/t1/15-years-notes-my-site-first" rel="nofollow noopener noreferrer" target="_blank">https://tantek.com/2025/001/t1/15-years-notes-my-site-first</a> <a href="https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web#t5_s1_ref-3" rel="nofollow noopener noreferrer" target="_blank">³</a> <a class="" href="https://tantek.com/2023/022/t2/own-your-notes-domain-migration" rel="nofollow noopener noreferrer" target="_blank">https://tantek.com/2023/022/t2/own-your-notes-domain-migration</a>

Riley S. FaelanHave you ever read about <a href="https://toot.cat/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a> and thought to yourself, Hey, I'd like these in PDF! ?Well ...<a href="https://visual-meta.info" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://visual-meta.info</a>

Ovi Demetrian JrI decided to put together a short write-up on microformats I believe to be used the most, with examples of how I use them myself.<a href="https://distinctivequality.com/blog/microformats/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://distinctivequality.com/blog/microformats/</a><a href="https://mastodon.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://mastodon.social/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a> <a href="https://mastodon.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blogging</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a>

🌮 Dave Millar 🌮Hot take: <a href="https://puz.fun/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> on the <a href="https://puz.fun/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> are just distributed self-snitching.

Libove BlogI've started owl-blogs to explore the #IndieWeb space. At the moment I'm "only" using #microformats and #webmention. I've tried to implement #micropub in the past, but found it provided to little value for me. Anything I should try out next?

Reilly Spitzfaden (they/them)I did a write up of setting up Webmentions on my site! I had mentioned it earlier, but there was one stumbling block that took me longer to figure out.Webmentions let me get notified when people share my posts, respond to my comments on other sites, etc., and lets me use my site for a lot of the kinds of interactions I'd otherwise have to do on social media. <a href="https://reillyspitzfaden.com/blog/05-21-2024" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/blog/05-21-2024</a><a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://hachyderm.io/tags/Webmentions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmentions</a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://hachyderm.io/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://hachyderm.io/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a>

Reilly Spitzfaden (they/them)I joined the IndieWeb webring! I've been wanting to join a webring for a while, and this makes me happy. I also added a proper h-card to my site and verified it: <a href="https://reillyspitzfaden.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com</a><a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a href="https://hachyderm.io/tags/PersonalSites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PersonalSites</a> <a href="https://hachyderm.io/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a>

Reilly Spitzfaden (they/them)I was just at the Homebrew Website Club Europe meetup, and I learned that webmentions were a lot easier than I had been thinking. I was able to use webmention.io to set them up, and if I understand right, they should be working on my blog posts! <a href="https://reillyspitzfaden.com/blog" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/blog</a><a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Webmentions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmentions</a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a href="https://hachyderm.io/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://hachyderm.io/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://hachyderm.io/tags/PersonalSites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PersonalSites</a> <a href="https://hachyderm.io/tags/PersonalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PersonalWebsite</a>

Matthias PfefferleHier & Jetzt – Open Web 1: Wo das Open Web heute stehtVor ein paar Wochen kam <a href="https://neunetz.com/" rel="nofollow noopener noreferrer" target="_blank">Marcel Weiß</a> auf mich zu und fragte, ob ich nicht Lust hätte, mit ihm über das Thema „Open Web“ zu <a href="http://neunetz.fm/" rel="nofollow noopener noreferrer" target="_blank">podcasten</a>. Die letzte Ausgabe des OpenWeb-Podcasts ist jetzt fast 7 Jahre alt und natürlich freue ich mich wie bolle, wieder mit jemandem über mein Nischen-Thema zu sprechen 😉Im Ernst, ich freue mich sehr, dass Marcel Interesse an dem Thema hat (und das schon <a href="https://neunetz.com/2011/11/07/das-versagen-der-offenen-webstandards/" rel="nofollow noopener noreferrer" target="_blank">seit einer ganzen Weile</a>) und nach einem kurzen Vorgespräch haben wir auch gemerkt, dass uns der Stoff so bald nicht ausgehen wird! Inhalt von share.transistor.fm anzeigen Hier klicken, um den Inhalt von share.transistor.fm anzuzeigenInhalt von share.transistor.fm immer anzeigen <a href="https://share.transistor.fm/e/d9dac08d" rel="nofollow noopener noreferrer" target="_blank">Inhalt direkt öffnen</a> <a href="http://neunetz.fm/hier-jetzt-open-web-1-wo-das-open-web-heute-steht/" rel="nofollow noopener noreferrer" target="_blank">Die erste Ausgabe</a> ist eine Bestandsaufnahme der letzten 15 Jahre „Open Web“ und ein kleiner Ausblick auf zukünftige Themen.<blockquote>In der ersten Ausgabe der neuen Podcastreihe zum Themenkomplex ‚Open Web‘ sprechen Matthias Pfefferle und Marcel Weiß über die Evolution von OpenID, die uns einen Hinweis auf allgemeine Herausforderungen für Protokolle in der heutigen Zeit gibt; Stichwort Extrawürste der großen Teilnehmer, welche zu Balkanisierung führen. Weitere Themen sind die DSGVO und Dataportability, Mastodon, Identi.ca und wie ActivityPub aktuell OStatus als zugrundeliegendes Protokoll für dezentrale Netzwerke ablöst. Wir ordnen die Irrungen von Diaspora ein und reden last not least über die Tragödie der Microformats.</blockquote>Viel Spaß beim Hören!‚Hier & Jetzt‘ kann man per <a href="http://feed.neunetz.fm/huj" rel="nofollow noopener noreferrer" target="_blank">RSS-Feed</a> abonnieren und findet man natürlich auch bei <a href="https://itunes.apple.com/de/podcast/hier-jetzt/id937734214" rel="nofollow noopener noreferrer" target="_blank">Apple Podcasts</a> und in jeder Podcast-App.

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸I like the concept of <a href="https://mastodon.social/tags/aboutideasnow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aboutideasnow</a>. It feels like <a href="https://mastodon.social/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a>, but for URLs. It's kinda weird how few conventions the <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> has for urls. Aside from index.html, robots.txt, and favicon.ico there are very few standard URLs that many sites support. <a href="https://mastodon.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smallweb</a> <a href="https://mastodon.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a>

Ben WerdmullerSo ... how *should* open platforms advertise their share intents? I made a <a href="https://werd.social/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a> proposal, but I'd love to talk about it. <a href="https://werd.io/2024/advertising-share-intents-with-microformats" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://werd.io/2024/advertising-share-intents-with-microformats</a> <a href="https://werd.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://werd.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a>

Olivier ForgetTIL <a href="https://fed.brid.gy/r/https://snarfed.org/" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@snarfed.org</a> ran a crawler of <a href="https://social.tchncs.de/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> sites in 2017 that resulted in a significant amount of data. You can see it all here:<a href="https://indiemap.org/docs.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://indiemap.org/docs.html</a>Pretty cool! But it would be great if this were periodically and regularly updated. There was talk of running it again, but apparently no takers:<a href="https://github.com/snarfed/indie-map/issues/7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/snarfed/indie-map/issues/7</a>I'm interested in crawlers because I think there is something neat that can be built by combining them with <a href="https://social.tchncs.de/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RSS</a> readers and the indieweb <a href="https://social.tchncs.de/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a>.

JuhisI've recently added search, Webmentions and microformats to my website.<a href="https://hamatti.org/posts/search-webmentions-and-microformats/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://hamatti.org/posts/search-webmentions-and-microformats/</a><a href="https://mastodon.world/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blogging</a> <a href="https://mastodon.world/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://mastodon.world/tags/Microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microformats</a> <a href="https://mastodon.world/tags/Webmentions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmentions</a>

Matthias Pfefferle# h-anniversaryTL;DR<pre><time class="dt-duration" duration="P20Y"> 20 Jahre Microformats 🎉</time></pre>LongreadVor zwanzig Jahren haben <a rel="nofollow noopener noreferrer" class="u-url mention" href="https://xoxo.zone/@KevinMarks" target="_blank">@KevinMarks</a> und <a rel="nofollow noopener noreferrer" class="u-url mention" href="https://fed.brid.gy/r/https://tantek.com/" target="_blank">@tantek.com</a> <a href="https://microformats.org/" rel="nofollow noopener noreferrer" target="_blank">Microformats</a> in einer Konferenzpräsentation vorgestellt.Happy Birthday 🎉Ich bin ein bisschen spät dran, ich weiß, ich weiß, aber es gibt wenig, was mich schon so lange (online) begleitet wie das Format und die Community (abgesehen vielleicht von WordPress), dass ich das nicht unkommentiert lassen kann!! <a href="https://www.flickr.com/photos/factoryjoe/26967479" rel="nofollow noopener noreferrer" target="_blank">Microformats is the glue that bridges web content with a richer online experience.</a> — <a rel="nofollow noopener noreferrer" class="u-url mention" href="https://mastodon.xyz/@chrismessina" target="_blank">@chrismessina</a> Zu meiner Historie: Im Gegensatz zu vielen Anderen in der Branche, mache ich meinen Job nicht, weil ich Spaß am programmieren alleine habe. Ich hatte nie das Bedürfnis, als Kind oder Jugendlicher an einem Computer oder C64 herumzubasteln. Statt dessen bin ich Ende der 90er dem Internet/Web/Bloggen verfallen.Das Web war:<blockquote>But if you think of the years 1995-2005, you remember when the web was our social network: blogs, comments on blogs, feed readers, and services such as Flickr, Technorati, and BlogBridge to glue things together. Those were great years […]<a href="https://inessential.com/2018/02/01/why_micro_blog_is_not_another_app_net.html" rel="nofollow noopener noreferrer" target="_blank">Why Micro.blog is Not Another App.net</a></blockquote>Eigentlich passt auch die Beschreibung des IndieWebs:<blockquote>It is a community of independent and personal websites connected by <a href="https://indieweb.org/building_blocks" rel="nofollow noopener noreferrer" target="_blank">open standards</a> and based on the <a href="https://indieweb.org/principles" rel="nofollow noopener noreferrer" target="_blank">principles</a> of: owning your domain and using it as your primary online identity, publishing on your own site first (optionally elsewhere), and owning your content.<a href="https://indieweb.org/" rel="nofollow noopener noreferrer" target="_blank">indieweb.org</a></blockquote>Ich habe damals angefangen Webseiten mit Frontpage zu bauen, hab den HTML Code verändert und geschaut wie sich das auf sie Seite auswirkt, hab CSS „drüber gelegt“, ein wenig Dynamik mit JavaScript dazu „gebastelt“… Es hat Spaß gemacht!Ich bin also nicht durch die Freude am Programmieren im Web gelandet, sondern habe durch die Faszination am Web, programmieren gelernt 🙂Wer sich damals, im deutschsprachigen Raum, mehr oder weniger seriös mit dem Thema HTML beschäftigt hat, ist früher oder später über die <a href="http://webkrauts.de/" rel="nofollow noopener noreferrer" target="_blank">Webkrauts</a> gestolpert und über diesen Dunstkreis, habe ich 2006 auch das erste Mal von Microformats gelesen.<blockquote>Wenn man in letzter Zeit durchs Internet surft, stolpert man immer häufiger über den Begriff „<a href="http://microformats.org/" rel="nofollow noopener noreferrer" target="_blank">Microformats</a>“ oder sieht das grüne Symbol auf Kontaktseiten. Aber was genau sind Microformats und für was sind sie gut?<a href="https://notiz.blog/2006/11/20/microformats/" rel="nofollow noopener noreferrer" target="_blank">Microformats</a></blockquote>Ich glaub es war das <a href="https://www.pixelgraphix.de/" rel="nofollow noopener noreferrer" target="_blank">Blog</a> von <a rel="nofollow noopener noreferrer" class="u-url mention" href="https://wandzeitung.xyz/@pixelgraphix" target="_blank">@pixelgraphix</a> auf dem ich dieses „<a href="https://web.archive.org/web/20070901121423/http://www.pixelgraphix.de/kontakt.php" rel="nofollow noopener noreferrer" target="_blank">grüne Symbol</a>“ zum ersten Mal entdeckt habe.Die Idee hat mich tief beeindruckt! Ein Format, „<a href="https://microformats.org/wiki/about" rel="nofollow noopener noreferrer" target="_blank">designed for humans first and machines second</a>„! HTML als API „nur“ unter Verwendung von <code>class</code> und <code>rel</code> Attributen, also klassisches Plain Old Semantic HTML (<a href="https://microformats.org/wiki/posh" rel="nofollow noopener noreferrer" target="_blank">PoSH</a>)!Und irgendwie beschäftigen mich Microformats bis jetzt:<ul><li>Stand heute habe ich 226 Posts mit dem <a href="https://notiz.blog/tag/microformats/" rel="nofollow noopener noreferrer" target="_blank">Tag „Microformats“</a> auf notiz.Blog veröffentlicht, das ist fast ein drittel aller Beiträge!</li><li>Zwei meiner ersten WordPress Plugins haben Microformats verarbeitet:<ul><li><a href="https://notiz.blog/projects/wp-hcard-commenting/" rel="nofollow noopener noreferrer" target="_blank">hCard Commenting</a></li><li><a href="https://notiz.blog/projects/save-microformats/" rel="nofollow noopener noreferrer" target="_blank">Save Microformats</a></li></ul></li><li>Ich habe zwei <a href="https://notiz.blog/2012/09/06/ive-made-a-wordpress-theme-kind-of/" rel="nofollow noopener noreferrer" target="_blank">WordPress Themes</a> gebaut, weil bis dato keines <a href="https://notiz.blog/2012/07/03/microformats-the-next-generation/" rel="nofollow noopener noreferrer" target="_blank">Microformats in der Version 2</a> unterstützt hat.</li><li>Mein erster <a href="https://notiz.blog/publications/" rel="nofollow noopener noreferrer" target="_blank">Artikel</a> für eine Print Magazin <a href="https://notiz.blog/2009/03/27/webstandards-magazin-und-microformats/" rel="nofollow noopener noreferrer" target="_blank">erklärte Microformats</a>.</li><li><a href="https://notiz.blog/2008/10/26/open-web-podcast-episode-1/" rel="nofollow noopener noreferrer" target="_blank">Die erste Folge</a> des <a href="https://openwebpodcast.de/" rel="nofollow noopener noreferrer" target="_blank">Open Web Podcasts</a> beinhaltet viel Microformats und später kamen auch weitere <a href="https://notiz.blog/2008/11/21/open-web-podcast-microformats/" rel="nofollow noopener noreferrer" target="_blank">dedizierte Folgen</a> dazu.</li><li>Ich hatte meine <a href="https://notiz.blog/speaking/" rel="nofollow noopener noreferrer" target="_blank">ersten Vorträge</a> zu Microformats, auf BarCamps und Webmontagen!</li><li>Zentraler Inhalt meiner Thesis „<a href="https://scholar.google.de/scholar?cites=12663794898286167342" rel="nofollow noopener noreferrer" target="_blank">Integration von Web 2.0-Inhalten in Smart Products</a>“ war, das Verarbeiten von Microformats und deren Zuordnung zu realen Produkten.</li></ul>Durch die Erfahrung der letzten Jahre habe ich mittlerweile eine etwas differenziertere Meinung zu „HTML als API“, das Ändert aber nichts an meiner generellen Faszination für Websemantiken.Die Microformats Community hat mir außerdem die Welt des Open Webs und der Open Standards offenbart, immerhin haben Microformats direkt oder indirekt auch Initiativen wie <a href="https://notiz.blog/2007/11/19/dataportabilityorg/" rel="nofollow noopener noreferrer" target="_blank">DataPortability.org</a>, <a href="https://notiz.blog/2007/12/05/diso-microformats-openid-portable-social-networks/" rel="nofollow noopener noreferrer" target="_blank">DiSo</a> und das <a href="https://notiz.blog/2013/06/18/the-rise-of-the-indieweb/" rel="nofollow noopener noreferrer" target="_blank">IndieWeb</a> beeinflusst.Danke Microformats und noch einmal Happy Birthday 🥳!<a href="https://notiz.blog/b/6vA" rel="nofollow noopener noreferrer" target="_blank">https://notiz.blog/b/6vA</a><a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://notiz.blog/tag/indieweb/" target="_blank">#IndieWeb</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://notiz.blog/tag/jubilaeum/" target="_blank">#Jubiläum</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://notiz.blog/tag/microformats/" target="_blank">#Microformats</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://notiz.blog/tag/open-web/" target="_blank">#OpenWeb</a>

owlsdo y'all remember XFN, the XHTML Friends Network?it lets you declare you network on your website. if you had a blogroll, you'd include some stuff in the <code>rel</code> attribute when linking:<code><a href="https://jwalsh2.me/" rel="friend"></code>i have no idea if anyone ever implemented an XFN crawler to do anything useful with social graphs.here's all the possible values (it's not that many!):<a href="https://gmpg.org/xfn/11" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gmpg.org/xfn/11</a>i don't think this was ever a W3C standard. but wordpress still supports this thing and the microformats wiki has stuff on extending it:<a href="https://microformats.org/wiki/xfn-brainstorming" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://microformats.org/wiki/xfn-brainstorming</a><a href="https://mastodon.yshi.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.yshi.org/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a>

Jan BoddezI love microformats, but only a handful of people really use h-feed readers. Maybe add some (explicit) reply context to your RSS feeds, too?<a href="https://indieweb.social/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a> <a href="https://indieweb.social/tags/WebFeeds" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebFeeds</a>(<a href="https://bddz.be/JN1" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bddz.be/JN1</a>)

Dan ConnollyThe RSS feed on my website, madmode, has been down for way too long.I do a lot of writing in GitHub issues too. Does GitHub make a feed out of that?<a href="https://social.coop/tags/indiweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indiweb</a> <a href="https://social.coop/tags/microformats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#microformats</a>

Recent searches

Search options

Administered by:

Server stats:

#microformats