#hcard — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #hcard, aggregated by home.social.
-
#BurgeonLab #WeekNotes 015 is out! (late again 🤫)
2026: Week 07/52 (Feb 9 – 15)
https://burgeonlab.com/weeknotes/2026/w07/
This is post 12 of #100DaysToOffload
Progress: https://burgeonlab.com/tags/100daystooffload/
#blogging #blogs #smallweb #indieweb #weeknote #personalBlog #weeklynote #webdev #indiekit #microformat2 #mf2 #hcard
-
#BurgeonLab #WeekNotes 015 is out! (late again 🤫)
2026: Week 07/52 (Feb 9 – 15)
https://burgeonlab.com/weeknotes/2026/w07/
This is post 12 of #100DaysToOffload
Progress: https://burgeonlab.com/tags/100daystooffload/
#blogging #blogs #smallweb #indieweb #weeknote #personalBlog #weeklynote #webdev #indiekit #microformat2 #mf2 #hcard
-
#BurgeonLab #WeekNotes 015 is out! (late again 🤫)
2026: Week 07/52 (Feb 9 – 15)
https://burgeonlab.com/weeknotes/2026/w07/
This is post 12 of #100DaysToOffload
Progress: https://burgeonlab.com/tags/100daystooffload/
#blogging #blogs #smallweb #indieweb #weeknote #personalBlog #weeklynote #webdev #indiekit #microformat2 #mf2 #hcard
-
#BurgeonLab #WeekNotes 015 is out! (late again 🤫)
2026: Week 07/52 (Feb 9 – 15)
https://burgeonlab.com/weeknotes/2026/w07/
This is post 12 of #100DaysToOffload
Progress: https://burgeonlab.com/tags/100daystooffload/
#blogging #blogs #smallweb #indieweb #weeknote #personalBlog #weeklynote #webdev #indiekit #microformat2 #mf2 #hcard
-
#BurgeonLab #WeekNotes 015 is out! (late again 🤫)
2026: Week 07/52 (Feb 9 – 15)
https://burgeonlab.com/weeknotes/2026/w07/
This is post 12 of #100DaysToOffload
Progress: https://burgeonlab.com/tags/100daystooffload/
#blogging #blogs #smallweb #indieweb #weeknote #personalBlog #weeklynote #webdev #indiekit #microformat2 #mf2 #hcard
-
Today I am officially starting my IndieWeb adventure! I've been reading and hemming and hawing and procrastinating and today this is it! The goal is to have THE MOST BASIC PAGE (literally not even going to share it yet) up and running. I'll make it prettier and cool and Geocities level flashy later.
#indieweb #smallweb #fediverse #development #webdev #geocities #devops #today #developer #adventure #creativity #mediasaturation #goals #letsdothis #html #css #javascript #hcard #webmentions #dev
-
Today I am officially starting my IndieWeb adventure! I've been reading and hemming and hawing and procrastinating and today this is it! The goal is to have THE MOST BASIC PAGE (literally not even going to share it yet) up and running. I'll make it prettier and cool and Geocities level flashy later.
#indieweb #smallweb #fediverse #development #webdev #geocities #devops #today #developer #adventure #creativity #mediasaturation #goals #letsdothis #html #css #javascript #hcard #webmentions #dev
-
Today I am officially starting my IndieWeb adventure! I've been reading and hemming and hawing and procrastinating and today this is it! The goal is to have THE MOST BASIC PAGE (literally not even going to share it yet) up and running. I'll make it prettier and cool and Geocities level flashy later.
#indieweb #smallweb #fediverse #development #webdev #geocities #devops #today #developer #adventure #creativity #mediasaturation #goals #letsdothis #html #css #javascript #hcard #webmentions #dev
-
Today I am officially starting my IndieWeb adventure! I've been reading and hemming and hawing and procrastinating and today this is it! The goal is to have THE MOST BASIC PAGE (literally not even going to share it yet) up and running. I'll make it prettier and cool and Geocities level flashy later.
#indieweb #smallweb #fediverse #development #webdev #geocities #devops #today #developer #adventure #creativity #mediasaturation #goals #letsdothis #html #css #javascript #hcard #webmentions #dev
-
Today I am officially starting my IndieWeb adventure! I've been reading and hemming and hawing and procrastinating and today this is it! The goal is to have THE MOST BASIC PAGE (literally not even going to share it yet) up and running. I'll make it prettier and cool and Geocities level flashy later.
#indieweb #smallweb #fediverse #development #webdev #geocities #devops #today #developer #adventure #creativity #mediasaturation #goals #letsdothis #html #css #javascript #hcard #webmentions #dev
-
Let’s talk about making IndieWeb weirder and easier
I’ve been a huge fan of IndieWeb since I stumbled upon it one fateful day. While the specifics of how I found it are lost in the annals of history, my willingness to use it in every project has never abated. Well, the bits I understand at any rate.
This is why I bring up the topic of making IndieWeb ideas into weird and easier-to-use […]
#ActivityPub #blogging #domainNames #FlamedFury #GilesTurnbull #hCard #hashtag #ideas #IndieAuth #IndieWeb #JeremyHerve #KevQuirk #LordMatt #Mastodon #MatthiasPfefferle #microformats #Microsub #NatureSelfie #PHP #postsWhereIInventANewWord #purpleCow #purpleCowNess #relMe #RSS #SeeingThings #SethGodin #SocialMedia #Webmention #WebSub #WordPress #Wow
-
I like eye-candy for my #WordPress #hCard and for the longest time I did override the generic icon for missing SVGs via CSS. This never fixed the titles thought and after starting to mass non descriptive links all named “website” I started to dig into the code class-relme-domain-icon-map.php of the #IndieWeb plugin.
Turns out Rel_Me_Domain_Icon_Map does some file system shacking for unknown domains in wp-content/plugins/indieweb/static/svg/ so I fixed myself some symbolic links:
discuss-dot-tchncs-dot-de.svg -> lemmy.svg
live-dot-famkos-dot-net.svg -> owncast.svg
nerdpol-dot-ch.svg -> diaspora.svg
social-dot-tchncs-dot-de.svg -> mastodon.svg
t-dot-me.svg -> telegram.svg
tube-dot-tchncs-dot-de.svg -> peertube.svg
[...]The title is read directly from the SVG so adding a title tag so custom SVGs helps with that.
That’s a lot of CSS that I can remove now 🤓
-
I like eye-candy for my #WordPress #hCard and for the longest time I did override the generic icon for missing SVGs via CSS. This never fixed the titles thought and after starting to mass non descriptive links all named “website” I started to dig into the code class-relme-domain-icon-map.php of the #IndieWeb plugin.
Turns out Rel_Me_Domain_Icon_Map does some file system shacking for unknown domains in wp-content/plugins/indieweb/static/svg/ so I fixed myself some symbolic links:
discuss-dot-tchncs-dot-de.svg -> lemmy.svg
live-dot-famkos-dot-net.svg -> owncast.svg
nerdpol-dot-ch.svg -> diaspora.svg
social-dot-tchncs-dot-de.svg -> mastodon.svg
t-dot-me.svg -> telegram.svg
tube-dot-tchncs-dot-de.svg -> peertube.svg
[...]The title is read directly from the SVG so adding a title tag so custom SVGs helps with that.
That’s a lot of CSS that I can remove now 🤓
-
I like eye-candy for my #WordPress #hCard and for the longest time I did override the generic icon for missing SVGs via CSS. This never fixed the titles thought and after starting to mass non descriptive links all named “website” I started to dig into the code class-relme-domain-icon-map.php of the #IndieWeb plugin.
Turns out Rel_Me_Domain_Icon_Map does some file system shacking for unknown domains in wp-content/plugins/indieweb/static/svg/ so I fixed myself some symbolic links:
discuss-dot-tchncs-dot-de.svg -> lemmy.svg
live-dot-famkos-dot-net.svg -> owncast.svg
nerdpol-dot-ch.svg -> diaspora.svg
social-dot-tchncs-dot-de.svg -> mastodon.svg
t-dot-me.svg -> telegram.svg
tube-dot-tchncs-dot-de.svg -> peertube.svg
[...]The title is read directly from the SVG so adding a title tag so custom SVGs helps with that.
That’s a lot of CSS that I can remove now 🤓
-
Is the #hcard "u-key" from #microformats just supposed to be straight up the armored public key?
-
Is the #hcard "u-key" from #microformats just supposed to be straight up the armored public key?
-
# HTML5, Input-Types, Form-Validierung und WordPress
Dass HTML5 ein paar neue input-types definiert, habe ich durch die hcard-input-brainstorming so am Rande auf geschnappt, mir aber nichts weiter dabei gedacht… Durch Zufall bin ich heute aber über folgenden Tweet von Sylvia Egger gestoßen:
Just implemented native #HTML5 form validation on #wp comments form – it' quite simple & should be in #wp default theme
und habe bissle recherchiert… Mit den neuen Input-Types ist es doch tatsächlich möglich Input-Felder über den Browser validieren zu lassen… Ich bin begeistert! 🙂
Trägt man beispielsweise eine Nicht-Email-Adresse in folgendes Feld…
<input type="email" />Code-Sprache: HTML, XML (xml)bekommt man…
Schön wenn man sich noch über solche Kleinigkeiten freuen kann oder 😉
Lange rede kurzer Sinn: Da WordPress alle Formulare an zentraler Stelle definiert, ist es ziemlich einfach sie mit ein paar neuen Input-Types zu versehen. Mit dem folgenden Code wird das Kommentar-Formular mit den Typen "email" und "url" und das Suchformular mit dem Typ "search" (funktioniert nur in den WebKit-Browsern) erweitert:
Code-Update: Eric Eggert hat mich in den Kommentaren darauf hingewiesen, dass man mit
<input required />auch noch die Pflichtfelder validieren kann. Danke!Code-Update 2: Dank maxe werden jetzt auch die WordPress Settings berücksichtigt (Comment author must fill out name and e-mail) und das "Comment"-Feld ist natürlich auch
required<?php/*Plugin Name: html5 input-typesPlugin URI: https://notiz.blog/Description: Adds the new HTML5 input-types to WordPress' default formsVersion: 0.1Author: pfefferleAuthor URI: https://notiz.blog/*/add_filter("comment_form_default_fields", "change_comment_input_types");function change_comment_input_types($fields) { if (get_option("require_name_email", false)) { $fields['author'] = preg_replace('/<input/', '<input required', $fields['author']); $fields['email'] = preg_replace('/"text"/', '"email" required', $fields['email']); } else { $fields['email'] = preg_replace('/"text"/', '"email"', $fields['email']); } $fields['url'] = preg_replace('/"text"/', '"url"', $fields['url']); return $fields;}add_filter("get_search_form", "change_search_form_input_types");function change_search_form_input_types($form) { return preg_replace('/"text"/', '"search"', $form);}add_filter("comment_form_field_comment", "change_comment_field_input_types");function change_comment_field_input_types($field) { return preg_replace('/<textarea/', '<textarea required', $field);}?>Code-Sprache: HTML, XML (xml)Funktioniert als Plugin und in Child-Themes (einfach in die
functions.phpkopieren).Danke auch an Marc Görtz der mich über Twitter reichlich mit Links zu dem Thema versorgt hat:
Testen könnt ihr das übrigens hier auf notiz.blog.
-
Microformats in Zahlen
Für den Podcast zum Thema Microformats hab ich mich mal schlau gemacht wie weit verbreitet die einzelnen Formate gerade sind.
MicroformatsVerbreitunghCard1,590,000,000hAtom374,000,000XFN283,000,000hResume155,000,000hReview75,100,000hCalendar55,100,000
Quelle: SearchMonkey (Yahoo!)
Mehr als 1.5 Milliarden hCards, ich finde das Ergebnis kann sich sehen lassen 🙂
Sehr (positiv) überrascht war ich auch über die Verbreitung einzelner RDFa und eRDF Formate:
- RDFa: 427,000,000
- eRDF: 470,000,000
(X)HTML wird vielleicht doch noch ein RDF/OWL Ersatz 🙂
-
Portable Contacts (schicker als ich dachte)
In der aktuellen Folge (Episode 5: The Portable Contacts Initiative) sprechen John McCrea, Joseph Smarr und Chris Messina über das Portable Contacts - Projekt über welches ich vor kurzem noch so gescholten habe... Und ich muss sagen, ich hatte unrecht! Ich glaube kleine Gruppen mit dem Fokus auf ein spezielles Problem können wesentlich effektiver arbeiten als eine so große und über die ganze Welt verstreute Organisation wie DataPortability (da wird wohl auch die Steering Group nichts [...]
https://notiz.blog/2008/08/08/portable-contacts-schicker-als-ich-dachte/
-
Portable Contacts (schicker als ich dachte)
In der aktuellen Folge (Episode 5: The Portable Contacts Initiative) sprechen John McCrea, Joseph Smarr und Chris Messina über das Portable Contacts - Projekt über welches ich vor kurzem noch so gescholten habe... Und ich muss sagen, ich hatte unrecht! Ich glaube kleine Gruppen mit dem Fokus auf ein spezielles Problem können wesentlich effektiver arbeiten als eine so große und über die ganze Welt verstreute Organisation wie DataPortability (da wird wohl auch die Steering Group nichts [...]
https://notiz.blog/2008/08/08/portable-contacts-schicker-als-ich-dachte/
-
Portable Contacts (schicker als ich dachte)
In der aktuellen Folge (Episode 5: The Portable Contacts Initiative) sprechen John McCrea, Joseph Smarr und Chris Messina über das Portable Contacts - Projekt über welches ich vor kurzem noch so gescholten habe... Und ich muss sagen, ich hatte unrecht! Ich glaube kleine Gruppen mit dem Fokus auf ein spezielles Problem können wesentlich effektiver arbeiten als eine so große und über die ganze Welt verstreute Organisation wie DataPortability (da wird wohl auch die Steering Group nichts [...]
https://notiz.blog/2008/08/08/portable-contacts-schicker-als-ich-dachte/
-
Sind eine hCard und ein wenig XFN jetzt schon DataPortability?
Liest man die letzten Meldungen über Digg bei Techcrunch könnte man meinen eine hCard und ein bisschen XFN reichen um DataPortability zu betreiben.
The DataPortability Project has gained another adherent in Digg, which announced on its blog today that it has implemented three under-the-hood enhancements.
Natürlich ist es wichtig, dass Standards wie Microformats oder RDFa eine große Akzeptanz finden und große und bekannte Dienste wie Digg dazu beitragen diese Standards zu [...]
https://notiz.blog/2008/05/02/sind-eine-hcard-und-ein-wenig-xfn-jetzt-schon-dataportability/
-
Sind eine hCard und ein wenig XFN jetzt schon DataPortability?
Liest man die letzten Meldungen über Digg bei Techcrunch könnte man meinen eine hCard und ein bisschen XFN reichen um DataPortability zu betreiben.
The DataPortability Project has gained another adherent in Digg, which announced on its blog today that it has implemented three under-the-hood enhancements.
Natürlich ist es wichtig, dass Standards wie Microformats oder RDFa eine große Akzeptanz finden und große und bekannte Dienste wie Digg dazu beitragen diese Standards zu [...]
https://notiz.blog/2008/05/02/sind-eine-hcard-und-ein-wenig-xfn-jetzt-schon-dataportability/
-
Sind eine hCard und ein wenig XFN jetzt schon DataPortability?
Liest man die letzten Meldungen über Digg bei Techcrunch könnte man meinen eine hCard und ein bisschen XFN reichen um DataPortability zu betreiben.
The DataPortability Project has gained another adherent in Digg, which announced on its blog today that it has implemented three under-the-hood enhancements.
Natürlich ist es wichtig, dass Standards wie Microformats oder RDFa eine große Akzeptanz finden und große und bekannte Dienste wie Digg dazu beitragen diese Standards zu [...]
https://notiz.blog/2008/05/02/sind-eine-hcard-und-ein-wenig-xfn-jetzt-schon-dataportability/
-
Happy Birthday „real world semantics“
Gestern vor vier Jahren hielten Tantek Çelik and Kevin Marks eine Präsentation über "real world semantics". Die Präsentation machte an Beispielen wie XFN und einigen rel-Design-Pattern klar, wie es Designern und Entwicklern möglich ist, mit bestehenden Formaten wie X/HTML semantisch zu arbeiten.
Mittlerweile hat sich aus ein paar HTML Design Pattern eine große Open-Standards-Bewegung entwickelt, aus der noch mind. ein Duzent neuer (sog.) Mikroformate heraus entstanden sind. [...]
https://notiz.blog/2008/02/12/happy-birthday-real-world-semantics/
-
Happy Birthday „real world semantics“
Gestern vor vier Jahren hielten Tantek Çelik and Kevin Marks eine Präsentation über "real world semantics". Die Präsentation machte an Beispielen wie XFN und einigen rel-Design-Pattern klar, wie es Designern und Entwicklern möglich ist, mit bestehenden Formaten wie X/HTML semantisch zu arbeiten.
Mittlerweile hat sich aus ein paar HTML Design Pattern eine große Open-Standards-Bewegung entwickelt, aus der noch mind. ein Duzent neuer (sog.) Mikroformate heraus entstanden sind. [...]
https://notiz.blog/2008/02/12/happy-birthday-real-world-semantics/
-
Happy Birthday „real world semantics“
Gestern vor vier Jahren hielten Tantek Çelik and Kevin Marks eine Präsentation über "real world semantics". Die Präsentation machte an Beispielen wie XFN und einigen rel-Design-Pattern klar, wie es Designern und Entwicklern möglich ist, mit bestehenden Formaten wie X/HTML semantisch zu arbeiten.
Mittlerweile hat sich aus ein paar HTML Design Pattern eine große Open-Standards-Bewegung entwickelt, aus der noch mind. ein Duzent neuer (sog.) Mikroformate heraus entstanden sind. [...]
https://notiz.blog/2008/02/12/happy-birthday-real-world-semantics/
-
dataportability.org
Standardized Data Portability is the next great frontier for the web. As users, our identity, photos, videos and other forms of personal data should be discoverable by, and shared between our chosen tools or vendors. We need a DHCP for Identity. A distributed File System for data. This page will list the standards and contributors who are making it happen.
Mal gespannt was aus dataportability.org wird, hört sich auf alle Fälle schon mal sehr spannend an. Vielleicht findet ja endlich [...]
-
dataportability.org
Standardized Data Portability is the next great frontier for the web. As users, our identity, photos, videos and other forms of personal data should be discoverable by, and shared between our chosen tools or vendors. We need a DHCP for Identity. A distributed File System for data. This page will list the standards and contributors who are making it happen.
Mal gespannt was aus dataportability.org wird, hört sich auf alle Fälle schon mal sehr spannend an. Vielleicht findet ja endlich [...]
-
dataportability.org
Standardized Data Portability is the next great frontier for the web. As users, our identity, photos, videos and other forms of personal data should be discoverable by, and shared between our chosen tools or vendors. We need a DHCP for Identity. A distributed File System for data. This page will list the standards and contributors who are making it happen.
Mal gespannt was aus dataportability.org wird, hört sich auf alle Fälle schon mal sehr spannend an. Vielleicht findet ja endlich [...]
-
Mit wevent Freundeslisten importieren
Die Jungs von wevent haben ein neues Feature zum Importieren von Freundeslisten implementiert. Der Import funktioniert wie auch bei dopplr über das hCard Microformat. Das heißt, es ist möglich bestehende sozialen Netze (Twitter, Last.fm, …) über einen Klick an wevent zu übertragen.
Und um das ganze noch mehr zu vereinfachen habe ich ein kleines Operator Script geschrieben welches die hCard URL an das Import Script übergibt.
Installationsanleitung:
- Zuerst müsst ihr das Script (wevent.js) lokal speichern.
- Dann öffnet ihr die JavaScript Datei über Options->User Scripts->New
- Mit „OK“ bestätigen
- Firefox neu starten
- Fertig 🙂
Wenn Dennis und Sören das ganze auch noch für hCalendar umgesetzt haben gibt’s natürlich auch ein Update für das Script.