{"id":24910,"date":"2024-02-26T14:00:56","date_gmt":"2024-02-26T13:00:56","guid":{"rendered":"https:\/\/notiz.blog\/?p=24910"},"modified":"2024-03-14T16:23:38","modified_gmt":"2024-03-14T15:23:38","slug":"h-anniversary","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2024\/02\/26\/h-anniversary\/","title":{"rendered":"h-anniversary"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">TL;DR<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"h-event\">\n    &lt;time class=\"dt-duration\" datetime=\"P20Y\">\n        20 Jahre Microformats \ud83c\udf89\n    &lt;\/time>\n&lt;\/div><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Longread<\/h2>\n\n\n\n<p>Vor zwanzig Jahren haben <a rel=\"mention\" class=\"u-url mention\" href=\"https:\/\/xoxo.zone\/@KevinMarks\">@KevinMarks<\/a> und <a rel=\"mention\" class=\"u-url mention\" href=\"https:\/\/fed.brid.gy\/r\/https:\/\/tantek.com\/\">@tantek.com<\/a> <a href=\"https:\/\/microformats.org\/\">Microformats<\/a> in einer Konferenzpr\u00e4sentation vorgestellt.<\/p>\n\n\n\n<p><strong>Happy Birthday <\/strong>\ud83c\udf89<\/p>\n\n\n\n<p>Ich bin ein bisschen sp\u00e4t dran, ich wei\u00df, ich wei\u00df, 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!!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" src=\"https:\/\/notiz.blog\/wp-content\/uploads\/2024\/02\/microformats-glue-700x700.jpg\" alt=\"\" class=\"wp-image-24961\" srcset=\"https:\/\/notiz.blog\/wp-content\/uploads\/2024\/02\/microformats-glue-700x700.jpg 700w, https:\/\/notiz.blog\/wp-content\/uploads\/2024\/02\/microformats-glue-150x150.jpg 150w, https:\/\/notiz.blog\/wp-content\/uploads\/2024\/02\/microformats-glue-768x768.jpg 768w, https:\/\/notiz.blog\/wp-content\/uploads\/2024\/02\/microformats-glue.jpg 900w\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.flickr.com\/photos\/factoryjoe\/26967479\">Microformats is the glue that bridges web content with a richer online experience.<\/a><br>&#8212; <a rel=\"mention\" class=\"u-url mention\" href=\"https:\/\/mastodon.xyz\/@chrismessina\">@chrismessina<\/a><\/figcaption><\/figure>\n\n\n\n<p>Zu meiner Historie: Im Gegensatz zu vielen Anderen in der Branche, mache ich meinen Job nicht, weil ich Spa\u00df am programmieren alleine habe. Ich hatte nie das Bed\u00fcrfnis, als Kind oder Jugendlicher an einem Computer oder C64 herumzubasteln. Statt dessen bin ich Ende der 90er dem Internet\/Web\/Bloggen verfallen.<\/p>\n\n\n\n<p>Das Web war:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>But if you think of the years 1995-2005, you remember when the web <em>was<\/em> 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 [&#8230;]<\/p>\n<cite><a href=\"https:\/\/inessential.com\/2018\/02\/01\/why_micro_blog_is_not_another_app_net.html\">Why Micro.blog is Not Another App.net<\/a><\/cite><\/blockquote>\n\n\n\n<p>Eigentlich passt auch die Beschreibung des IndieWebs:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>It is a community of independent and personal websites<\/strong> connected by <a href=\"https:\/\/indieweb.org\/building_blocks\">open standards<\/a> and based on the <a href=\"https:\/\/indieweb.org\/principles\">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.<\/p>\n<cite><a href=\"https:\/\/indieweb.org\/\">indieweb.org<\/a><\/cite><\/blockquote>\n\n\n\n<p>Ich habe damals angefangen Webseiten mit Frontpage zu bauen, hab den HTML Code ver\u00e4ndert und geschaut wie sich das auf sie Seite auswirkt, hab CSS &#8222;dr\u00fcber gelegt&#8220;, ein wenig Dynamik mit JavaScript dazu &#8222;gebastelt&#8220;&#8230; <strong>Es hat Spa\u00df gemacht!<\/strong><\/p>\n\n\n\n<p>Ich bin also nicht durch die Freude am Programmieren im Web gelandet, sondern habe durch die Faszination am Web, programmieren gelernt \ud83d\ude42<\/p>\n\n\n\n<p>Wer sich damals, im deutschsprachigen Raum, mehr oder weniger seri\u00f6s mit dem Thema HTML besch\u00e4ftigt hat, ist fr\u00fcher oder sp\u00e4ter \u00fcber die <a href=\"http:\/\/webkrauts.de\/\">Webkrauts<\/a> gestolpert und \u00fcber diesen Dunstkreis, habe ich 2006 auch das erste Mal von Microformats gelesen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Wenn man in letzter Zeit durchs Internet surft, stolpert man immer h\u00e4ufiger \u00fcber den Begriff \u201e<a href=\"http:\/\/microformats.org\/\">Microformats<\/a>\u201c oder sieht das gr\u00fcne Symbol auf Kontaktseiten. Aber was genau sind Microformats und f\u00fcr was sind sie gut?<\/p>\n<cite><a href=\"https:\/\/notiz.blog\/2006\/11\/20\/microformats\/\">Microformats<\/a><\/cite><\/blockquote>\n\n\n\n<p>Ich glaub es war das <a href=\"https:\/\/www.pixelgraphix.de\/\">Blog<\/a> von <a rel=\"mention\" class=\"u-url mention\" href=\"https:\/\/wandzeitung.xyz\/@pixelgraphix\">@pixelgraphix<\/a> auf dem ich dieses &#8222;<a href=\"https:\/\/web.archive.org\/web\/20070901121423\/http:\/\/www.pixelgraphix.de\/kontakt.php\">gr\u00fcne Symbol<\/a>&#8220; zum ersten Mal entdeckt habe.<\/p>\n\n\n\n<p>Die Idee hat mich tief beeindruckt! Ein Format, &#8222;<a href=\"https:\/\/microformats.org\/wiki\/about\">designed for humans first and machines second<\/a>&#8222;! HTML als API &#8222;nur&#8220; unter Verwendung von <code>class<\/code> und <code>rel<\/code> Attributen, also klassisches <em>Plain Old Semantic HTML<\/em> (<a href=\"https:\/\/microformats.org\/wiki\/posh\">PoSH<\/a>)!<\/p>\n\n\n\n<p>Und irgendwie besch\u00e4ftigen mich Microformats bis jetzt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stand heute habe ich 226 Posts mit dem <a href=\"https:\/\/notiz.blog\/tag\/microformats\/\">Tag &#8222;Microformats&#8220;<\/a> auf notiz.Blog ver\u00f6ffentlicht, das ist fast ein drittel aller Beitr\u00e4ge!<\/li>\n\n\n\n<li>Zwei meiner ersten WordPress Plugins haben Microformats verarbeitet:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/notiz.blog\/projects\/wp-hcard-commenting\/\">hCard Commenting<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/notiz.blog\/projects\/save-microformats\/\">Save Microformats<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Ich habe zwei <a href=\"https:\/\/notiz.blog\/2012\/09\/06\/ive-made-a-wordpress-theme-kind-of\/\">WordPress Themes<\/a> gebaut, weil bis dato keines <a href=\"https:\/\/notiz.blog\/2012\/07\/03\/microformats-the-next-generation\/\">Microformats in der Version 2<\/a> unterst\u00fctzt hat.<\/li>\n\n\n\n<li>Mein erster <a href=\"https:\/\/notiz.blog\/publications\/\">Artikel<\/a> f\u00fcr eine Print Magazin <a href=\"https:\/\/notiz.blog\/2009\/03\/27\/webstandards-magazin-und-microformats\/\">erkl\u00e4rte Microformats<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/notiz.blog\/2008\/10\/26\/open-web-podcast-episode-1\/\">Die erste Folge<\/a> des <a href=\"https:\/\/openwebpodcast.de\/\">Open Web Podcasts<\/a> beinhaltet viel Microformats und sp\u00e4ter kamen auch weitere <a href=\"https:\/\/notiz.blog\/2008\/11\/21\/open-web-podcast-microformats\/\">dedizierte Folgen<\/a> dazu.<\/li>\n\n\n\n<li>Ich hatte meine <a href=\"https:\/\/notiz.blog\/speaking\/\" data-type=\"link\" data-id=\"https:\/\/notiz.blog\/speaking\/\">ersten Vortr\u00e4ge<\/a> zu Microformats, auf BarCamps und Webmontagen!<\/li>\n\n\n\n<li>Zentraler Inhalt meiner Thesis &#8222;<a href=\"https:\/\/scholar.google.de\/scholar?cites=12663794898286167342\">Integration von Web 2.0-Inhalten in Smart Products<\/a>&#8220; war, das Verarbeiten von Microformats und deren Zuordnung zu realen Produkten.<\/li>\n<\/ul>\n\n\n\n<p>Durch die Erfahrung der letzten Jahre habe ich mittlerweile eine etwas differenziertere Meinung zu &#8222;HTML als API&#8220;, das \u00c4ndert aber nichts an meiner generellen Faszination f\u00fcr Websemantiken.<\/p>\n\n\n\n<p>Die Microformats Community hat mir au\u00dferdem die Welt des <em>Open Webs<\/em> und der <em>Open Standards<\/em> offenbart, immerhin haben Microformats direkt oder indirekt auch Initiativen wie <a href=\"https:\/\/notiz.blog\/2007\/11\/19\/dataportabilityorg\/\">DataPortability.org<\/a>, <a href=\"https:\/\/notiz.blog\/2007\/12\/05\/diso-microformats-openid-portable-social-networks\/\">DiSo<\/a> und das <a href=\"https:\/\/notiz.blog\/2013\/06\/18\/the-rise-of-the-indieweb\/\">IndieWeb<\/a> beeinflusst.<\/p>\n\n\n\n<p>Danke Microformats und noch einmal Happy Birthday \ud83e\udd73!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TL;DR &lt;div class=&#8220;h-event&#8220;> &lt;time class=&#8220;dt-duration&#8220; datetime=&#8220;P20Y&#8220;> 20 Jahre Microformats \ud83c\udf89 &lt;\/time> &lt;\/div> Longread Vor zwanzig Jahren haben @KevinMarks und @tantek.com Microformats in einer Konferenzpr\u00e4sentation vorgestellt. Happy Birthday \ud83c\udf89 Ich bin ein bisschen sp\u00e4t dran, ich wei\u00df, ich wei\u00df, aber es gibt wenig, was mich schon so lange (online) begleitet wie das Format und die Community [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":""},"categories":[2],"tags":[5171,992,852,164,737],"class_list":{"0":"post-24910","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-fediblog","8":"tag-indieweb","9":"tag-jubilaeum","10":"tag-microformats","11":"tag-open-web","12":"h-entry","13":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/24910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=24910"}],"version-history":[{"count":5,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/24910\/revisions"}],"predecessor-version":[{"id":25070,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/24910\/revisions\/25070"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=24910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=24910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=24910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}