CINXE.COM
SELFHTML Weblog
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <meta name="description" content="Das Weblog als Ergänzung zu SELFHTML"> <meta name="keywords" content="SELFHTML, Weblog"> <meta name="DC.Publisher" content="SELFHTML Forum"> <meta name="DC.Identifier" content="blog/index/index"> <meta name="DC.Language" content="de"> <meta name="application-name" content="SELFHTML | F"> <meta name="msapplication-TileImage" content="/images/s-Logo_kachel_144-60ee68b7173b95bf9b9f20bf731cc2f4.png?vsn=d"> <meta name="msapplication-TileColor" content="#3983ab"> <meta charset="UTF-8" content="IzceLAEDMX8JKDc1JCMbVzc4enENOg9uzBw_Vpp3cLFCNyW9GJHInIj1" csrf-param="_csrf_token" method-param="_method" name="csrf-token"> <link rel="author" href="/humans.txt"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" title="SELFHTML Icon"> <link rel="apple-touch-icon" href="/images/s-Logo_60-e32184c74b1d2be9081b4e73162a21ef.png?vsn=d"> <link rel="apple-touch-icon-precomposed" href="/images/s-Logo_60-e32184c74b1d2be9081b4e73162a21ef.png?vsn=d"> <link rel="apple-touch-icon" sizes="76x76" href="/images/s-Logo_76-dc58e3a62d671479accf6a44d0e074dc.png?vsn=d"> <link rel="apple-touch-icon" sizes="120x120" href="/images/s-Logo_120-dbd2a36328e6341491c4a2e286b16e54.png?vsn=d"> <link rel="apple-touch-icon" sizes="152x152" href="/images/s-Logo_152-d7ac893e07c6a36d6c028f659583aa09.png?vsn=d"> <link rel="help" href="https://forum.selfhtml.org/help" title="Hilfe"> <link rel="search" href="https://forum.selfhtml.org/search" title="SELFHTML-Suche"> <link rel="stylesheet" href="/css/app-cfa00d0ae3b0d2d6c08d6aeadb3c1564.css?vsn=d" media="all" title="SELFHTML Forum Stylesheet"> <link rel="alternate" title="Atom-Feed (SELFHTML-Blog)" type="application/atom+xml" href="https://forum.selfhtml.org/weblog/feeds/atom"> <link rel="alternate" title="RSS-Feed (SELFHTML-Blog)" type="application/rss+xml" href="https://forum.selfhtml.org/weblog/feeds/rss"> <title>SELFHTML Weblog</title> </head> <body data-moderator="false" data-current-forum="weblog" data-controller="Blog.IndexController" data-action="index" class="weblog forum-weblog index weblog anonymous " id="weblog-index-index"> <script nonce="yBQN7kRs-cCs7DwtaMaa7b-EnG591mdYUfcWkhaWZNg">document.body.classList.add("js");</script> <header class="cf-top-bar"> <ul class="selflinks"> <li><a href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein">SELFHTML</a></li> <li><a href="//wiki.selfhtml.org/">Wiki</a></li> <li><a href="https://forum.selfhtml.org/">Forum</a></li> <li><a href="https://blog.selfhtml.org/">Blog</a></li> </ul> </header> <ul class="cf-personallinks"> <li id="user-not-signed-in"><img src="/uploads/default_avatar/thumb/missing.png"> nicht angemeldet</li> <li id="optionen-help"> <a href="https://forum.selfhtml.org/help"> <svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1008 1200v160q0 14-9 23t-23 9h-160q-14 0-23-9t-9-23v-160q0-14 9-23t23-9h160q14 0 23 9t9 23zm256-496q0 50-15 90t-45.5 69-52 44-59.5 36q-32 18-46.5 28t-26 24-11.5 29v32q0 14-9 23t-23 9h-160q-14 0-23-9t-9-23v-68q0-35 10.5-64.5t24-47.5 39-35.5 41-25.5 44.5-21q53-25 75-43t22-49q0-42-43.5-71.5t-95.5-29.5q-56 0-95 27-29 20-80 83-9 12-25 12-11 0-19-6l-108-82q-10-7-12-20t5-23q122-192 349-192 129 0 238.5 89.5t109.5 214.5zm-368-448q-130 0-248.5 51t-204 136.5-136.5 204-51 248.5 51 248.5 136.5 204 204 136.5 248.5 51 248.5-51 204-136.5 136.5-204 51-248.5-51-248.5-136.5-204-204-136.5-248.5-51zm768 640q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/></svg> <span class="desc">Hilfe</span> </a> </li> <li id="optionen-my"> <a href="/login" rel="nofollow"> <svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1312 896q0 26-19 45l-544 544q-19 19-45 19t-45-19-19-45v-288h-448q-26 0-45-19t-19-45v-384q0-26 19-45t45-19h448v-288q0-26 19-45t45-19 45 19l544 544q19 19 19 45zm352-352v704q0 119-84.5 203.5t-203.5 84.5h-320q-13 0-22.5-9.5t-9.5-22.5q0-4-1-20t-.5-26.5 3-23.5 10-19.5 20.5-6.5h320q66 0 113-47t47-113v-704q0-66-47-113t-113-47h-312l-11.5-1-11.5-3-8-5.5-7-9-2-13.5q0-4-1-20t-.5-26.5 3-23.5 10-19.5 20.5-6.5h320q119 0 203.5 84.5t84.5 203.5z"/></svg> <span class="desc">anmelden</span> </a> </li> <li id="optionen-myadmin"> <a href="https://forum.selfhtml.org/registrations/new" rel="nofollow"> <svg width="2048" height="1792" viewBox="0 0 2048 1792" xmlns="http://www.w3.org/2000/svg"><path d="M704 896q-159 0-271.5-112.5t-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5-112.5 271.5-271.5 112.5zm960 128h352q13 0 22.5 9.5t9.5 22.5v192q0 13-9.5 22.5t-22.5 9.5h-352v352q0 13-9.5 22.5t-22.5 9.5h-192q-13 0-22.5-9.5t-9.5-22.5v-352h-352q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h352v-352q0-13 9.5-22.5t22.5-9.5h192q13 0 22.5 9.5t9.5 22.5v352zm-736 224q0 52 38 90t90 38h256v238q-68 50-171 50h-874q-121 0-194-69t-73-190q0-53 3.5-103.5t14-109 26.5-108.5 43-97.5 62-81 85.5-53.5 111.5-20q19 0 39 17 79 61 154.5 91.5t164.5 30.5 164.5-30.5 154.5-91.5q20-17 39-17 132 0 217 96h-223q-52 0-90 38t-38 90v192z"/></svg> <span class="desc">Benutzerkonto erstellen</span> </a> </li> </ul> <header class="cf-page-header-blog"> <div class="logo"> <h1> <span>SELFHTML Weblog - Ergänzung zur <a href="https://wiki.selfhtml.org">Dokumentation</a></span> <a class="home" href="/"><span>Übersicht</span></a> </h1> <a class="atom" href="/feed/atom" title="Atom-Feed (SELFHTML-Blog)"><img alt="Atom-Feed (SELFHTML-Blog)" src="/images/feed-atom-597d8984f4b7e65486cb1bf0119cb3a1.svg?vsn=d"></a> <a class="rss" href="/feed/rss" title="RSS-Feed (SELFHTML-Blog)"><img alt="RSS-Feed (SELFHTML-Blog)" src="/images/feed-rss-c704218f0d6f5cf652025a2349785fc7.svg?vsn=d"></a> <a class="donate" href="https://selfhtml.org/spenden.html" title="Spenden"><img alt="Spenden" src="/images/donate-545b877a6cf7c3012754feafecb05137.svg?vsn=d"></a> </div> </header> <nav class="cf-weblog-nav"> <ul> <li><a href="/archive">ältere Artikel</a></li> </ul> </nav> <main> <div id="alerts-container"> </div> <div id="content"> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-12-24T04:52:50Z" class="dt-published"> 24. Dezember 2024 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2024/dec/24/danke-danke-danke">Danke, danke, danke!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/dec/24/danke-danke-danke"> <img src="/uploads/thumbnails/1818160/SELF-Logo-Nikolaus.svg?v=63902235170" class="cf-weblog-article-thumbnail" alt="SELF-Nikolaus"> </a> <p>Es gibt nur zwei Tage im Jahr,<br> an denen man nichts tun kann:<br> <strong>gestern</strong> und <strong>morgen</strong>!</p> <p>Dalai Lama</p> <p><a href="https://blog.selfhtml.org/2024/dec/24/danke-danke-danke">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <p class="cf-weblog-comments-disabled">Kommentieren ist für diesen Artikel deaktiviert.</p> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-11-29T20:28:07Z" class="dt-published"> 29. November 2024 </time> <span class="count"> 16 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/nov/29/adventskalender-2024">Adventskalender 2024</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/nov/29/adventskalender-2024"> <img src="/uploads/thumbnails/1817849/Selfhtml-nico.png?v=63900257124" class="cf-weblog-article-thumbnail" alt="SELFHTML-Nikolaus"> </a> <p>Wie in jedem Jahr wollen wir auch dieses Jahr einen Adventskalender anbieten.</p> <p><a href="https://blog.selfhtml.org/2024/nov/29/adventskalender-2024">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/selfhtml">selfhtml</a> </li> <li class="cf-tag"> <a href="/tags/wiki">wiki</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-11-04T11:46:19Z" class="dt-published"> 04. November 2024 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/nov/04/save-the-date-noch-200-tage-bis-zum-self-treffen">Save the Date: noch 200 Tage bis zum SELF-Treffen</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/nov/04/save-the-date-noch-200-tage-bis-zum-self-treffen"> <img src="/uploads/thumbnails/1817458/30_Jahre.png?v=63897940214" class="cf-weblog-article-thumbnail" alt="Inforgrafik mit neuem Netz-Logo in blau-gelb"> </a> <p>Dieses Jahr hatten wir es mit drei Mitgliederversammlungen - im <em>real life</em>, aber auch online - ein bisschen übertrieben; es gab aber auch viel zu besprechen.</p> <p>Allerdings steht nächstes Jahr unser großes Jubiläumstreffen vor der Tür! Vom <a href="https://forum.selfhtml.org/events/12" rel="noopener noreferrer"><strong>23. - 25.05.2025</strong> wollen wir <strong>30 Jahre SELFHTML</strong></a> feiern.</p> <p><a href="https://blog.selfhtml.org/2024/nov/04/save-the-date-noch-200-tage-bis-zum-self-treffen">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-09-29T16:47:26Z" class="dt-published"> 29. September 2024 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/sep/29/workshop-wein-in-wurzburg">Workshop & Wein in Würzburg</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/sep/29/workshop-wein-in-wurzburg"> <img src="/uploads/thumbnails/1816911/w%C3%BC-2.jpg?v=63894847700" class="cf-weblog-article-thumbnail" alt="Glas Wein auf der alten Mainbrücke; im Hintergund viele Kirchtürme"> </a> <p>Ende September nutzten wir die zentrale Lage Würzburgs, um uns für ein Wochenende zu treffen und den Stand der Dinge zu besprechen.</p> <p><a href="https://blog.selfhtml.org/2024/sep/29/workshop-wein-in-wurzburg">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/selftreffen">selftreffen</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-05-22T13:56:49Z" class="dt-published"> 22. Mai 2024 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2024/may/22/position-absolute-left-50-top-50-transform-translate-50-50">Vertikal Zentrieren - endlich gelöst?</a></h2> </header> <div class="e-content"> <p><em>Ach wie war doch ehedem<br> Das Table Layout so bequem<br> Ein schneller vertical-align<br> Ausrichten kann so einfach sein.</em></p> <p><a href="https://blog.selfhtml.org/2024/may/22/position-absolute-left-50-top-50-transform-translate-50-50">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/tipp">tipp</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-05-15T03:02:49Z" class="dt-published"> 15. Mai 2024 </time> <span class="count"> 9 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/may/15/experiment-discord-fazit-nach-einem-jahr">Experiment Discord - Fazit nach einem Jahr</a></h2> </header> <div class="e-content"> <p>Im Juni '23 wurde vorgeschlagen, den bestehenden <a href="https://discord.gg/eb9PnjfcGj" rel="nofollow noopener noreferrer"><strong>Discord-Server</strong></a> mit Text-Kanälen zu erweitern. Wir, d.h. der Vorstand stimmten zu und wollten das beobachten. Wichtig war uns persönlich, dass dies von anderen aus dem Verein übernommen werden sollte, um nicht bisher Aktiven noch mehr aufzubürden.</p> <p>Nach knapp einem Jahr ist es nun Zeit für ein Fazit:</p> <p><a href="https://blog.selfhtml.org/2024/may/15/experiment-discord-fazit-nach-einem-jahr">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/discord">discord</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> <li class="cf-tag"> <a href="/tags/zu-diesem-forum">zu diesem forum</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-05-08T18:55:43Z" class="dt-published"> 08. Mai 2024 </time> <span class="count"> 2 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/may/08/self-treffen-und-jubilaum-in-hannover">Der rote Faden</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/may/08/self-treffen-und-jubilaum-in-hannover"> <img src="/uploads/thumbnails/1815087/20_Jahre_selfhtml-eV.png?v=63882414539" class="cf-weblog-article-thumbnail" alt="von der Netzgrafik 2004 zum neuen Logo 2024"> </a> <p>Letztes Wochenende trafen wir uns in Hannover, um einerseits das ganz normale jährliche Treffen mit <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Protokolle/Mitgliederversammlung_2024-2" rel="nofollow noopener noreferrer">Mitgliederverammlung</a> und einem Workshop zu unserem immer noch anstehenden Wiki-Makeover durchzuführen und andererseits das 20-jährige Jubiläum des Vereins zu feiern, der am <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Protokolle/Gr%C3%BCndungsprotokoll_2004" rel="nofollow noopener noreferrer">21.05.2004 gegründet</a> wurde.</p> <p><a href="https://blog.selfhtml.org/2024/may/08/self-treffen-und-jubilaum-in-hannover">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/selftreffen">selftreffen</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-05-02T11:04:33Z" class="dt-published"> 02. Mai 2024 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/may/02/barrierefrei-brauch-ich-das-ja">Barrierefrei - Brauch' ich das? - Ja!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/may/02/barrierefrei-brauch-ich-das-ja"> <img src="/uploads/thumbnails/1814767/alt.png?v=63881927754" class="cf-weblog-article-thumbnail" alt="Panorama mit Tag für Alternativtext"> </a> <p>Im Forum kommt es immer wieder zu rhetorischen Fragen, deren Antwort aus Sicht des Fragenden schon feststeht:<br><br></p> <p><a href="https://blog.selfhtml.org/2024/may/02/barrierefrei-brauch-ich-das-ja">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/grafik">grafik</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-04-16T19:00:03Z" class="dt-published"> 16. April 2024 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2024/apr/16/offline-wiki-3-jahre-spater">Offline-Wiki - 3 Jahre später</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/apr/16/offline-wiki-3-jahre-spater"> <img src="/uploads/thumbnails/1814594/218px-Selfhtml-wiki-q-offline.svg.png?v=63880563679" class="cf-weblog-article-thumbnail" alt="Icon für Offline-Wiki"> </a> <p>Hallo zusammen,</p> <p>endlich ist es mal wieder gelungen, dass Offline-Wiki zu aktualisieren. Der Stand ist jetzt der vom 12. April 2024, und es ist um über 100MB gewachsen.</p> <p><a href="https://blog.selfhtml.org/2024/apr/16/offline-wiki-3-jahre-spater">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/offlinewiki">offline-wiki</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-03-18T09:15:06Z" class="dt-published"> 18. März 2024 </time> <span class="count"> 16 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/mar/18/wir-erzwingen-ihre-einstimmung">Wir erzwingen Ihre Einstimmung!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/mar/18/wir-erzwingen-ihre-einstimmung"> <img src="/uploads/thumbnails/1814147/screen_tampermonkey.png?v=63877972506" class="cf-weblog-article-thumbnail" alt="Ansicht des Code-Editors des Tampermonkey-Plugins mit dem Code des Beitrags"> </a> <p>In der Netzgemeinde hat sich der Begriff des <strong>Cookie-Terror-Banners</strong> längst etabliert. Hintergrund ist eine EU-Vorgabe, dass Seitenbetreiber nur dann Cookies auf dem Gerät ihrer Besucher speichern dürfen, wenn diese dem zustimmen.</p> <p><a href="https://blog.selfhtml.org/2024/mar/18/wir-erzwingen-ihre-einstimmung">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/browser">browser</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> <li class="cf-tag"> <a href="/tags/javascript">javascript</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-02-17T16:47:04Z" class="dt-published"> 17. Februar 2024 </time> <span class="count"> 5 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/feb/17/when-das-w3c-aufsassig-wird-css-conditionals-level-5-und-die-kompatibilitat">@when das W3C aufSASSig wird - CSS Conditionals Level 5 und die Kompatibilität</a></h2> </header> <div class="e-content"> <p>Die CSS Conditionals 5 Spezifikation entwickelt sich. Aber sie haben ein Problem: SASS</p> <p><a href="https://blog.selfhtml.org/2024/feb/17/when-das-w3c-aufsassig-wird-css-conditionals-level-5-und-die-kompatibilitat">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-01-31T09:40:12Z" class="dt-published"> 31. Januar 2024 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/jan/31/navigation-alles-inclusive">Navigation - alles inclusive</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/jan/31/navigation-alles-inclusive"> <img src="/uploads/thumbnails/1813156/navigation-icon.svg?v=63873941361" class="cf-weblog-article-thumbnail" alt="Navigation Icon"> </a> <p>Eigentlich sollten alle Fragen, die es je zu Navigationen geben könnte, bereits in unserer Doku beantwortet worden sein.</p> <p>Allerdings haben sich die Anforderungen über die Jahre immer wieder geändert, sodass es Zeit für eine Bestandsaufnahme und Komplett-Überarbeitung wurde:</p> <p><a href="https://blog.selfhtml.org/2024/jan/31/navigation-alles-inclusive">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> <li class="cf-tag"> <a href="/tags/javascript">javascript</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-01-21T08:01:14Z" class="dt-published"> 21. Januar 2024 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2024/jan/21/oklch-farbe-und-helligkeit">OKLCH: greller, bunter und so weiter?</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/jan/21/oklch-farbe-und-helligkeit"> <img src="/uploads/thumbnails/1812893/oklch-icon.png?v=63873050366" class="cf-weblog-article-thumbnail" alt="oklch-Farbpalette"> </a> <p>Auf unserer MV im November fielen uns unerklärliche Werte in unserer Farbpalette auf. Die Recherche dazu führte zu einer umfassenden Neubearbeitung unserer Wikiseiten zu Farbangaben und Farbpaletten:</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/Farbe" rel="nofollow noopener noreferrer"><strong>Farbe</strong></a></li> </ul> <p><a href="https://blog.selfhtml.org/2024/jan/21/oklch-farbe-und-helligkeit">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/farbe">farbe</a> </li> <li class="cf-tag"> <a href="/tags/grafik">grafik</a> </li> <li class="cf-tag"> <a href="/tags/webdesign">webdesign</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2024-01-01T12:50:52Z" class="dt-published"> 01. Januar 2024 </time> <span class="count"> 5 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2024/jan/01/trend-2024-eine-eigene-webseite">Trend 2024: eine eigene Webseite!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2024/jan/01/trend-2024-eine-eigene-webseite"> <img src="/uploads/thumbnails/1812447/Blog.svg?v=63871332890" class="cf-weblog-article-thumbnail" alt="Ein Blog (Symbolbild)"> </a> <p>2023 stand unter der Frage, zu welchem sozialen Netzwerk man denn nun gehen solle.</p> <p><a href="https://blog.selfhtml.org/2024/jan/01/trend-2024-eine-eigene-webseite">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/blog">blog</a> </li> <li class="cf-tag"> <a href="/tags/webdesign">webdesign</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-12-31T09:38:09Z" class="dt-published"> 31. Dezember 2023 </time> <span class="count"> 12 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/dec/31/silvester-knaller-exklusive-akkordeons-ohne-javascript">Silvester-Knaller: Exklusive Akkordeons ohne JavaScript!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/dec/31/silvester-knaller-exklusive-akkordeons-ohne-javascript"> <img src="/uploads/thumbnails/1812423/Fireworks.svg?v=63871234689" class="cf-weblog-article-thumbnail" alt="https://commons.wikimedia.org/wiki/File:Fireworks.svg"> </a> <p>Im Oktober stellten wir die neuen <a href="https://blog.selfhtml.org/2023/oct/25/popover-ohne-programmieren" rel="noopener noreferrer">Popover-Boxen</a> vor, mit der die <a href="https://open-ui.org/" rel="nofollow noopener noreferrer">open-ui.org</a> Tooltipps und Popover vereinheitlichen wollten. Schon da wunderte ich mich über die schnelle Umsetzung der sinnvollen Vorschläge durch die Browserhersteller. Verständlich wird dies, wenn man sieht, dass viele Mitglieder der Initative Google-Mitarbeiter sind.</p> <p><a href="https://blog.selfhtml.org/2023/dec/31/silvester-knaller-exklusive-akkordeons-ohne-javascript">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-12-24T04:44:32Z" class="dt-published"> 24. Dezember 2023 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2023/dec/24/frohe-weihnachten">Frohe Weihnachten!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/dec/24/frohe-weihnachten"> <img src="/uploads/thumbnails/1812348/Live_candles_on_the_Christmas_Tree_and_the_Grail_nativity_set_(8334334515).jpg?v=63870612272" class="cf-weblog-article-thumbnail" alt="https://commons.wikimedia.org/wiki/File:Live_candles_on_the_Christmas_Tree_and_the_Grail_nativity_set_(8334334515).jpg"> </a> <p>In den letzten Jahren sprach ich immer wieder von Krisen und Umbruch - mittlerweile scheint das schon normal zu sein.</p> <p>Andererseits zeigte die Ungewissheit im Spätsommer auch, was es alles Gutes gab.</p> <p><a href="https://blog.selfhtml.org/2023/dec/24/frohe-weihnachten">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-12-04T12:31:14Z" class="dt-published"> 04. Dezember 2023 </time> <span class="count"> 6 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/dec/04/htmlhell-der-etwas-andere-adventskalender">HTMLHell - „Da brauchst du kein JavaScript für!“</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/dec/04/htmlhell-der-etwas-andere-adventskalender"> <img src="/uploads/thumbnails/1811987/HTMLHell.png?v=63868921002" class="cf-weblog-article-thumbnail" alt="HTMLHell"> </a> <p>Auch HTMLHell von Manuel Matuzović hat dieses Jahr einen <a href="https://www.htmhell.dev/adventcalendar/" rel="nofollow noopener noreferrer">Adventskalender</a>, der sich - anders als der Name vermuten lässt - für semantisches HTML und ein barrierefreies, benutzerfreundliches Web einsetzt.</p> <p>Am 02. Dezember fand ich dort den empfehlenswerten Artikel <a href="https://www.htmhell.dev/adventcalendar/2023/2/" rel="nofollow noopener noreferrer">„You don't need JavaScript for that“</a> von Kilian Valkhof, von dem ich hier die Kernaussage übersetzt wiedergeben möchte:</p> <p><a href="https://blog.selfhtml.org/2023/dec/04/htmlhell-der-etwas-andere-adventskalender">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> <li class="cf-tag"> <a href="/tags/usability">usability</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-12-01T09:41:18Z" class="dt-published"> 01. Dezember 2023 </time> <span class="count"> 7 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/dec/01/advent-advent-das-raumschiff-brennt">Advent, Advent, das Raumschiff brennt?</a></h2> </header> <div class="e-content"> <p>Adventskalender 2023</p> <p><a href="https://blog.selfhtml.org/2023/dec/01/advent-advent-das-raumschiff-brennt">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-11-30T05:13:34Z" class="dt-published"> 30. November 2023 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/nov/30/blue-beanie-day">Blue-Beanie-Day</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/nov/30/blue-beanie-day"> <img src="/uploads/thumbnails/1811899/180px-Selfhtml-s-twitter-blue-beanie.png?v=63868540414" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Heute, am 30.11., ist wieder <a href="https://de.wikipedia.org/wiki/Blue_Beanie_Day" rel="nofollow noopener noreferrer"><strong>Blue Beanie Day</strong></a>; ein Aktionstag, um auf die Wichtigkeit von <a href="https://wiki.selfhtml.org/wiki/Webstandards" rel="nofollow noopener noreferrer"><strong>Webstandards</strong></a> aufmerksam zu machen. Er wird seit 2007 jährlich am 30. November begangen und wurde von Douglas Vos ins Leben gerufen.</p> <p><a href="https://blog.selfhtml.org/2023/nov/30/blue-beanie-day">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/webstandards">webstandards</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-11-26T12:11:13Z" class="dt-published"> 26. November 2023 </time> <span class="count"> 2 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/nov/26/selfhtml-410-gone">SELFHTML - 410 GONE?</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/nov/26/selfhtml-410-gone"> <img src="/uploads/thumbnails/1811867/Red_Mainzelm%C3%A4nnchen_traffic_light_in_Mainz,_Germany_(48988501187).jpg?v=63868278611" class="cf-weblog-article-thumbnail" alt="Mainzelmännchen als Ampel"> </a> <p>Am 24.-26.11.2023 fand das jährliche SELF-Treffen in Mainz statt. Im Vorfeld gab es Stimmen, dass man die Gelegenheit zu einer Diskussion nutzen sollte, ob der Verein heute noch handlungsfähig sei und ob es nicht besser sei, ihn jetzt in Ruhe abzuwickeln. Trübe Stimmung im trüben Novemberwetter - als mich Felix plötzlich auf eine rote Ampel hinwies. Das Mainzelmännchen zauberte uns ein Lächeln ins Gesicht!</p> <p><a href="https://blog.selfhtml.org/2023/nov/26/selfhtml-410-gone">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/selftreffen">selftreffen</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-11-01T04:59:56Z" class="dt-published"> 01. November 2023 </time> <span class="count"> 36 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/nov/01/wird-selfhtml-heute-noch-gebraucht">Wird SELFHTML heute noch gebraucht?</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/nov/01/wird-selfhtml-heute-noch-gebraucht"> <img src="/uploads/thumbnails/1811436/target%20audience.svg?v=63866033996" class="cf-weblog-article-thumbnail" alt="Icon für Zielgruppe"> </a> <p>Diese Frage, ob SELFHTML heute angesichts sinkender Frequnzen im Forum noch relevant - also bedeutsam und wichtig sei - stellen wir uns immer wieder. Dabei taucht dann auch die Suche nach der Zielgruppe auf, die wir angeblich aus den Augen verloren hätten, bzw. die es gar nicht mehr gäbe.</p> <p><a href="https://blog.selfhtml.org/2023/nov/01/wird-selfhtml-heute-noch-gebraucht">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/freies-web">freies web</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> <li class="cf-tag"> <a href="/tags/webdesign">webdesign</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <p class="cf-weblog-comments-disabled">Kommentieren ist für diesen Artikel deaktiviert.</p> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-10-25T07:33:13Z" class="dt-published"> 25. Oktober 2023 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/oct/25/popover-ohne-programmieren">Popover ohne Programmieren!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/oct/25/popover-ohne-programmieren"> <img src="/uploads/thumbnails/1811303/popover-icon.svg?v=63865505148" class="cf-weblog-article-thumbnail" alt="Icon für Popover API"> </a> <p>Aufklappbare Infoboxen gehören zu den immer wieder gefragten UI-Elementen. Bis jetzt wurden sie mit viel CSS und sogar JavaScript nachgebaut, bzw. gab es in diversen Frameworks voneinander abweichende Implementierungen.</p> <p>Jetzt gibt es eine <strong>Native Umsetzung in HTML</strong>, die von der <a href="https://open-ui.org/" rel="nofollow noopener noreferrer">open-ui.org</a> entworfen und zur Standardisierung vorgeschlagen wurde:</p> <p><a href="https://blog.selfhtml.org/2023/oct/25/popover-ohne-programmieren">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> <li class="cf-tag"> <a href="/tags/usability">usability</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-10-01T06:42:09Z" class="dt-published"> 01. Oktober 2023 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/oct/01/zwischenbilanz-2-3-quartal">Zwischenbilanz 2. + 3. Quartal</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/oct/01/zwischenbilanz-2-3-quartal"> <img src="/uploads/thumbnails/1810830/Report%20Icon.svg?v=63863361729" class="cf-weblog-article-thumbnail" alt="Icon für Berichte über SEFHTML"> </a> <p>Ich hatte ja im März eine <a href="https://forum.selfhtml.org/self/2023/mar/30/zwischenbilanz-1-quartal-2023/1807474#m1807474" rel="noopener noreferrer">Zwischenbilanz</a> für das erste Quartal gepostet.</p> <p>Hier kommt nun die ursprünglich für Juni geplante - leider etwas verspätete - Zwischenbilanz, was im <em><strong>2. und 3.</strong></em> Quartal angepackt wurde!</p> <p><a href="https://blog.selfhtml.org/2023/oct/01/zwischenbilanz-2-3-quartal">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/javascript">javascript</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml-wiki">selfhtml-wiki</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-09-25T19:10:53Z" class="dt-published"> 25. September 2023 </time> <span class="count"> 3 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/sep/25/schicke-schachteln-css-nesting-ist-in-den-browsern-angekommen">Schicke Schachteln - CSS Nesting ist in den Browsern angekommen</a></h2> </header> <div class="e-content"> <p>Geschachtelte CSS Regeln waren früher ein Anwendungsfall von CSS Präprozessoren. Aber nun schlägt das Imperium zurück!</p> <p><a href="https://blog.selfhtml.org/2023/sep/25/schicke-schachteln-css-nesting-ist-in-den-browsern-angekommen">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-05-30T10:33:25Z" class="dt-published"> 30. Mai 2023 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2023/may/30/css-selektoren-nth-match">CSS Selektoren - :nth-match() vs :nth-child(... of S)</a></h2> </header> <div class="e-content"> <p>Die Selektion von HTML-Elementen mit der CSS Pseudoklasse <code>:nth-child()</code> wird schwierig, wenn die Elemente noch zusätzlich über Klassen- oder Attributselektoren eingegrenzt werden sollen und die Kindelement-Zählung nur innerhalb der zusätzlichen Selektoren stattfinden soll.</p> <p>Um das zu lösen, wurde bereits 2011, im ersten Entwurf der CSS Selectors Level 4 Spezifikation, die Pseudoklasse :nth-match() vorgeschlagen.</p> <p>Lesen Sie hier, was daraus wurde.</p> <hr> <p><a href="https://blog.selfhtml.org/2023/may/30/css-selektoren-nth-match">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/selektor">selektor</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-02-25T04:59:40Z" class="dt-published"> 25. Februar 2023 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/feb/25/wordpress-individuell-mit-css-gestalten">Wordpress - individuell mit CSS gestalten</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/feb/25/wordpress-individuell-mit-css-gestalten"> <img src="/uploads/thumbnails/1806481/SELF-wordpress.svg?v=63844520380" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Herzlichen Glückwunsch! Mit WordPress haben Sie das erfolgreichste CMS installiert, dass sich ohne viel Kenntnisse des Anwenders in nur 8 Minuten fast von selbst installiert.</p> <p>Kann man das auch individuell mit CSS gestalten? - Ja, klar!</p> <p><a href="https://blog.selfhtml.org/2023/feb/25/wordpress-individuell-mit-css-gestalten">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/cms">cms</a> </li> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/wordpress">wordpress</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2023-01-31T05:27:52Z" class="dt-published"> 31. Januar 2023 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2023/jan/31/gesucht-autoren-m-w-d">Gesucht: Autoren (m,w,d)</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2023/jan/31/gesucht-autoren-m-w-d"> <img src="/uploads/thumbnails/1805911/Collaboration_logo_V2.svg?v=63842412195" class="cf-weblog-article-thumbnail" alt="Collaboration (https://commons.wikimedia.org/wiki/File:Collaboration_logo_V2.svg)"> </a> <p>ChatGPT ist in aller Munde und trotzdem muss manchmal trotzdem doch der (menschliche) Fachmann ran.</p> <p>Unser Wiki besteht mittlerweile aus über 8.000 Seiten, davon 2.742 Artikeln. Andererseits entwickelt sich die Welt von HTML und CSS immer weiter.</p> <p><a href="https://blog.selfhtml.org/2023/jan/31/gesucht-autoren-m-w-d">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml">selfhtml</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-12-30T07:30:05Z" class="dt-published"> 30. Dezember 2022 </time> <span class="count"> 8 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/dec/30/webdesign-trend-2023-auf-google-fonts-verzichten">Webdesign-Trend 2023 - Auf Direkt-Einbindung von Google-Fonts verzichten!</a></h2> </header> <div class="e-content"> <p>Vor einem Jahr schreckte ein Urteil des Landgerichts München Seitenbetreiber auf: Eine ungefragte Einbindung von Google-Fonts stellt eine Verletzung des Persönlichkeitsrechts durch Datenschutzverstoß dar.<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p> <p><a href="https://blog.selfhtml.org/2022/dec/30/webdesign-trend-2023-auf-google-fonts-verzichten">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/font">font</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-12-24T06:34:07Z" class="dt-published"> 24. Dezember 2022 </time> <span class="count"> 3 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/dec/24/frohe-weihnachten">Frohe Weihnachten!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/dec/24/frohe-weihnachten"> <img src="/uploads/thumbnails/1804981/Selfhtml-nico.png?v=63839082847" class="cf-weblog-article-thumbnail" alt="SELF-Logo mit Nikolausmütze"> </a> <p>Eigentlich hatte ich in Mails und Briefen dieses Jahr „ruhige und hustenfreie Zeit“ gewünscht.</p> <p>Nicht jeder hatte vorher gehustet und nicht jeder - wenn auch die meisten - braucht die Ruhe. Deshalb einen <em><strong>„frohen“</strong></em> Gruß an alle!</p> <p><a href="https://blog.selfhtml.org/2022/dec/24/frohe-weihnachten">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-11-30T18:44:20Z" class="dt-published"> 30. November 2022 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2022/nov/30/adventskalender-2022">Adventskalender 2022</a></h2> </header> <div class="e-content"> <p>Auch in diesem Jahr möchte SELFHTML wieder einen Adventskalender für die Community anbieten.</p> <p>In unserem Forum und in den eingehenden Emails ist uns aufgefallen, dass es sich bei den Themen häufig nicht um <em>cutting-edge-technologies</em> für <em>early-adopter</em>, sondern um den ganz normalen Wahnsinn handelt, den man eigentlich doch auch selbst gewusst hat.</p> <p><a href="https://blog.selfhtml.org/2022/nov/30/adventskalender-2022">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/community">community</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-09-30T22:02:31Z" class="dt-published"> 01. Oktober 2022 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2022/oct/01/oranger-text-auf-weissem-grund">Oranger Text auf weißem Grund?</a></h2> </header> <div class="e-content"> <p>Teil 2 unserer <a href="https://blog.selfhtml.org/2022/sep/30/makeover-fur-das-self-wiki" rel="noopener noreferrer">Makeover-Serie</a></p> <p>Die bis 2022 im SELF-Wiki verwendete Linkfarbe <code>#2673bf</code> hat auf weißem Hintergrund einen Kontrast von <a href="https://webaim.org/resources/contrastchecker/?fcolor=2673BF&bcolor=FFFFFF" rel="nofollow noopener noreferrer">4.90:1</a>, was für großen Text ausreicht, für kleinen Fließtext jedoch nicht akzeptiert werden kann. Auf farbigen Hintergünden ist der Kontrast noch schlechter.</p> <p>Als das CSS untersucht wurde, fiel auf, dass die Farbe der Linktexte bei <code>:hover</code> zu <span style="color:#df6c20">orange</span> (auf weiß! - Kontrast <a href="https://webaim.org/resources/contrastchecker/?fcolor=DF6C20&bcolor=FFFFFF" rel="nofollow noopener noreferrer">3.33:1</a>) wechselte.</p> <p><a href="https://blog.selfhtml.org/2022/oct/01/oranger-text-auf-weissem-grund">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml-wiki">selfhtml-wiki</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-09-30T21:32:26Z" class="dt-published"> 30. September 2022 </time> <span class="count"> 4 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/sep/30/makeover-fur-das-self-wiki">Makeover für das SELF-Wiki</a></h2> </header> <div class="e-content"> <p>Am 14. September wurde unser Wiki ein Achtel Jahrhundert (12,5 Jahre) alt! In unserer <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik#Der_Wiki-Neustart" rel="nofollow noopener noreferrer">Vereins-Chronik</a> gibt es einen Überblick mit vielen Screenshots aus vergangenen Jahren.</p> <p>Wir wollten das unrunde Jubiläum zum Anlass für ein Makeover nehmen, das auf der <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Protokolle/Mitgliederversammlung_2021#Landing_Page_und_Unterst.C3.BCtzerseiten" rel="nofollow noopener noreferrer">Mitgliederversammlung 2021</a> beschlossen wurde.</p> <p><a href="https://blog.selfhtml.org/2022/sep/30/makeover-fur-das-self-wiki">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml">selfhtml</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml-wiki">selfhtml-wiki</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-08-31T17:37:04Z" class="dt-published"> 31. August 2022 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/aug/31/immer-wieder-gefragt">Immer wieder gefragt …</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/aug/31/immer-wieder-gefragt"> <img src="/uploads/thumbnails/1801754/FAQ_icon.svg?v=63829186624" class="cf-weblog-article-thumbnail" alt="FAQ-Icon"> </a> <p>Oft steht man vor einem Problem und kommt nicht weiter, da man gar nicht weiß, was genau nicht funktioniert. Und falls man dann doch den Kern des Problems entdeckt hat, ist es gar nicht so einfach ohne Kenntnis des passenden Fachbegriffs eine Lösung im Netz zu finden.</p> <p><a href="https://blog.selfhtml.org/2022/aug/31/immer-wieder-gefragt">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/wiki">wiki</a> </li> <li class="cf-tag"> <a href="/tags/zu-diesem-forum">zu diesem forum</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-07-22T04:31:25Z" class="dt-published"> 22. Juli 2022 </time> <span class="count"> 3 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/jul/22/hgroup-ist-wieder-da">Outline raus! Dafür ist hgroup wieder da!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/jul/22/hgroup-ist-wieder-da"> <img src="/uploads/thumbnails/1800678/Unbenannt-1.png?v=63825709284" class="cf-weblog-article-thumbnail" alt="Screenshot - H1 innerhalb hgroup"> </a> <p>… oder war es nie weg?</p> <p>In seinem Artikel <a href="https://css-tricks.com/roundup-of-recent-document-outline-chatter/" rel="nofollow noopener noreferrer"><em>Roundup of Recent Document Outline Chatter</em></a> auf css-tricks gibt Geoff Graham die neuesten Entwicklungen um den <em><strong>document-outline-algorithm</strong></em> wieder.</p> <p><a href="https://blog.selfhtml.org/2022/jul/22/hgroup-ist-wieder-da">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/html">html</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-06-16T19:02:29Z" class="dt-published"> 16. Juni 2022 </time> <span class="count"> 30 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/jun/16/endlich-nach-27-jahren-ist-der-internet-explorer-geschichte">Endlich - der Internet Explorer ist Geschichte!</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/jun/16/endlich-nach-27-jahren-ist-der-internet-explorer-geschichte"> <img src="/uploads/thumbnails/1799838/FVNDFfnX0AEGGdI.jpg?v=63822658674" class="cf-weblog-article-thumbnail" alt="Gravestone by Eddy Vinck on Twitter (https://twitter.com/EddyVinckk/status/1536645664804941824)"> </a> <p>Erst darauf hingefiebert und dann fast vergessen - seit gestern ist der Internet Explorer Geschichte.</p> <p><a href="https://blog.selfhtml.org/2022/jun/16/endlich-nach-27-jahren-ist-der-internet-explorer-geschichte">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/browser">browser</a> </li> <li class="cf-tag"> <a href="/tags/css">css</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-04-30T20:30:28Z" class="dt-published"> 30. April 2022 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/apr/30/navigationen-oben-oder-unten">Navigationen - oben oder unten?</a></h2> </header> <div class="e-content"> <p>Aus einer unverfänglichen Frage im Forum (<a href="https://forum.selfhtml.org/self/2022/apr/25/warum-soll-die-navigation-im-quelltext-neuerdings-uber-dem-haupttext-stehen/1798713#m1798713" rel="noopener noreferrer">Warum soll die Navigation im Quelltext neuerdings über dem Haupttext stehen?</a>) entwickelte sich ein umfangreicheres Projekt, das noch nicht ganz abgeschlossen ist:</p> <p><a href="https://blog.selfhtml.org/2022/apr/30/navigationen-oben-oder-unten">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/navigation-menu">navigation & menu</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-03-26T04:06:59Z" class="dt-published"> 26. März 2022 </time> <span class="count"> 34 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/mar/26/gif-heute">GIF - heute noch aktuell?</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/mar/26/gif-heute"> <img src="/uploads/thumbnails/1797681/2D_Wave_Function_resize.gif?v=63815486819" class="cf-weblog-article-thumbnail" alt="https://commons.wikimedia.org/wiki/File:2D_Wave_Function_resize.gif"> </a> <p>Vor wenigen Tagen starb Stephen E. Wilhite an Covid. Er wurde als Erfinder des GIF-Grafikformats berühmt. Das <em>Graphics Interchange Format</em>, kurz <strong>GIF</strong> ist ein <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Bilder_im_Internet/Formate_und_Gr%C3%B6%C3%9Fen" rel="nofollow noopener noreferrer">Grafikformat</a> für Bilder mit einer Farbpalette von max. 256 Farben, inkl. einer „Transparenzfarbe“. Es erlaubt eine verlustfreie Kompression der Bilder.</p> <p>Besonders interessant: Es können mehrere (übereinanderliegende) Einzelbilder in einer Datei abgespeichert werden, die dann als Animationen interpretiert werden.</p> <p><a href="https://blog.selfhtml.org/2022/mar/26/gif-heute">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/multimedia-audio-video">multimedia (audio & video)</a> </li> <li class="cf-tag"> <a href="/tags/svg">svg</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-02-21T23:58:12Z" class="dt-published"> 22. Februar 2022 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/feb/22/geht-das-auch-im-ie-eine-geschichte-der-iconsets-zur-browserunterstutzung">Geht das auch im IE? - eine Geschichte der Iconsets zur Browserunterstützung</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/feb/22/geht-das-auch-im-ie-eine-geschichte-der-iconsets-zur-browserunterstutzung"> <img src="/uploads/thumbnails/1796483/Unbenannt-3.png?v=63812707092" class="cf-weblog-article-thumbnail" alt="Vorlage:Iconset im SELF-Wiki"> </a> <p>Die Doku beschrieb von Anfang an nicht nur den Soll-Zustand der Spezifikationen, sondern eben auch die tatsächlich vorhandene Browserunterstützung.</p> <p>Die ersten Versionen waren geprägt von der Zeit der Browserkriege, in der manche proprietären Elemente eben nur in einem Browser funktionierten. Heute ist die Anzeige dieser Browserunterstützung lange nicht mehr so wichtig wie früher, da selbst völlig neue Features oft sehr schnell von allen Browsern übernommen werden. Die schnelle Versionierung im Wochenabstand (bald haben Chrome und Firefox die 100 erreicht) wirkt im Vergleich zur Vergangenheit paradiesisch.</p> <p>Mit dem Ende des Internet Explorer und dem kommenden Makeover wird nun auch die im Wiki verwendete <a href="https://wiki.selfhtml.org/wiki/Vorlage:Iconset" rel="nofollow noopener noreferrer">Vorlage:Iconset</a> beerdigt.</p> <p><a href="https://blog.selfhtml.org/2022/feb/22/geht-das-auch-im-ie-eine-geschichte-der-iconsets-zur-browserunterstutzung">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/browser">browser</a> </li> <li class="cf-tag"> <a href="/tags/css">css</a> </li> <li class="cf-tag"> <a href="/tags/html">html</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml-wiki">selfhtml-wiki</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-02-15T04:28:02Z" class="dt-published"> 15. Februar 2022 </time> <span class="count"> 9 Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/feb/15/wussten-sie-schon-selfhtml-gibts-auch-auf-twitter">Wussten Sie schon? - SELFHTML gibt's auch auf Twitter</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2022/feb/15/wussten-sie-schon-selfhtml-gibts-auch-auf-twitter"> <img src="/uploads/thumbnails/1796188/Twitter_bird_logo_2012.svg?v=63812118482" class="cf-weblog-article-thumbnail" alt="Beitragsbild - Twitter-Logo mit SELF-Farben"> </a> <p>Schon seit mehreren Jahren hat SELFHTML einen <a href="https://twitter.com/SELFHTML" rel="nofollow noopener noreferrer">Twitter-Kanal</a>, auf dem Gunnar Bittersmannn (<a href="https://twitter.com/g16n" rel="nofollow noopener noreferrer">@g16n</a>) News und Interessantes über Webdesign, Technologie und Typografie retweeted.</p> <p><a href="https://blog.selfhtml.org/2022/feb/15/wussten-sie-schon-selfhtml-gibts-auch-auf-twitter">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> <li class="cf-tag"> <a href="/tags/zur-info">zur info</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2022-01-31T19:23:48Z" class="dt-published"> 31. Januar 2022 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2022/jan/31/css-voll-normal-sind-css-resets-heute-noch-notig">CSS - voll normal! Sind CSS-Resets heute noch nötig?</a></h2> </header> <div class="e-content"> <p>CSS revolutionierte die Gestaltung von Webseiten. Leider gab es aber große Inkonsistenzen zwischen den verschiedenen Browsern. Während der Internet Explorer bei Listen die Einrückungen über <code>margin</code> vornahm, verwendeten die anderen Browser dafür <code>padding</code>. Grund genug, alle Browser-Einstellungen in einem <strong>CSS-Reset</strong> zurückzusetzen:</p> <p><a href="https://blog.selfhtml.org/2022/jan/31/css-voll-normal-sind-css-resets-heute-noch-notig">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/browser">browser</a> </li> <li class="cf-tag"> <a href="/tags/css">css</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-24T06:07:28Z" class="dt-published"> 24. Dezember 2021 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/24/20-21-22">20, 21 -22 …</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2021/dec/24/20-21-22"> <img src="/uploads/thumbnails/1794776/lit-advent-candles.svg?v=63807545248" class="cf-weblog-article-thumbnail" alt=""> </a> <p><strong>Weihnachtsbrief 2021</strong></p> <p>Warten, zählen, hoffen, bangen …</p> <p>2021 war wieder ein Jahr des Wartens und Zählens. Nicht Wetter und Unternehmungslust bestimmten, ob man rausdurfte. Es wurden Inzidenzen verglichen, Statistiken analysiert und die Tage bis zum Ende der Quarantäne oder zum erhofften Impftermin gezählt.</p> <p><a href="https://blog.selfhtml.org/2021/dec/24/20-21-22">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml">selfhtml</a> </li> <li class="cf-tag"> <a href="/tags/verein">verein</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-23T04:03:13Z" class="dt-published"> 23. Dezember 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/23/aria-live-regionen">ARIA-live Regionen</a></h2> </header> <div class="e-content"> <p>Wenn es darum geht, deutsche Quellen für Barrierefreiheit zu nennen, landet man unwillkürlich immer wieder bei denselben Menschen und Firmen. Eine von den sehr aktiven ist die tollwerk GmbH aus Nürnberg mit einem tollen Blog über Barrierefreiheit.</p> <p><a href="https://blog.selfhtml.org/2021/dec/23/aria-live-regionen">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-21T05:00:35Z" class="dt-published"> 21. Dezember 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/21/mindscreen-blog-und-veranstaltungshinweise">mindscreen: Blog und Veranstaltungshinweise</a></h2> </header> <div class="e-content"> <p>Gerade in deutscher Sprache gleicht das Zusammentragen von Informationen zur Barrierefreiheit einem Puzzlespiel. Die Informationen sind verstreut und zusammenhängende Sammlungen sind rar. (Eine schöne Sammlung dazu findet sich übrigens bei uns im <a href="Barrierefreiheit#Weblinks" rel="noopener noreferrer">SELF-Wiki</a>) ;-)</p> <p><a href="https://blog.selfhtml.org/2021/dec/21/mindscreen-blog-und-veranstaltungshinweise">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-20T03:55:46Z" class="dt-published"> 20. Dezember 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/20/manuel-matuzovic-die-superpower-der-tabulator-taste">Manuel Matuzovic: Die Superpower der Tabulator-Taste</a></h2> </header> <div class="e-content"> <p>Manuel ist nach eigenen Angaben zur Barrierefreiheit gekommen, weil er sich an einem Wettbewerb beteiligt hat, bei der ein barrierefreies Produkt abgegeben werden sollte und seine Einreichung war nicht barrierefrei.</p> <p><a href="https://blog.selfhtml.org/2021/dec/20/manuel-matuzovic-die-superpower-der-tabulator-taste">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-11T03:43:25Z" class="dt-published"> 11. Dezember 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/11/technica11y">technica11y</a></h2> </header> <div class="e-content"> <p>Automatisierung war bereits an Tag 9 ein Thema. Die Tools selber sind in der Regel auf Englisch und hier soll es nur um deutsche Quellen gehen.</p> <p><a href="https://blog.selfhtml.org/2021/dec/11/technica11y">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-10T04:21:14Z" class="dt-published"> 10. Dezember 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/10/die-prufverfahren-von-t-systems-und-bik-im-vergleich">Die Prüfverfahren von T-Systems und BIK im Vergleich</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2021/dec/10/die-prufverfahren-von-t-systems-und-bik-im-vergleich"> <img src="/uploads/thumbnails/1794364/Accessibility_logo.svg?v=63806329274" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Im Grunde kann man Testverfahren unterscheiden in</p> <ul> <li>automatische Tests, die lediglich einige wenige Vorgaben an Barrierefreiheit prüfen können</li> <li>Manuelle Tests durch Experten, die alle Vorgaben an die Barrierefreiheit überprüfen und aufgrund von sorgfältiger Ausbildung, Erfahrung und Strategien bei der Qualitätssicherung versuchen, damit den menschlichen Faktor der subjektiven Bewertung auf ein Minimum zu reduzieren</li> <li>Nutzertests, bei denen sogenannte authentische Nutzer ein Produkt nutzen und die Erfahrung bewerten. Als authentische Nutzer werden Menschen mit Behinderungen bezeichnet, die täglich Hilfsmittel verwenden.</li> </ul> <p>Jede Methode hat ihre Vor- und Nachteile. Automatische Tests scheitern an Aufgaben wie „Macht ein Alternativtext Sinn“, machen aber keine Fehler - sie finden aber wirklich jedes Bild ohne Alternativ-Text.</p> <p><a href="https://blog.selfhtml.org/2021/dec/10/die-prufverfahren-von-t-systems-und-bik-im-vergleich">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-07T00:57:51Z" class="dt-published"> 07. Dezember 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/07/barrierefreiheitsstarkungsgesetz-european-accessibility-act">Barrierefreiheitsstärkungsgesetz/ European Accessibility Act</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2021/dec/07/barrierefreiheitsstarkungsgesetz-european-accessibility-act"> <img src="/uploads/thumbnails/1794244/Accessibility_logo.svg?v=63806057871" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Seit jeher veranlasst die Europäische Union sogenannte Harmonisierungen. Dabei geht es darum, die unterschiedlichen Gesetze in der Union zu vereinheitlichen. So wird es für einen Spanier leichter eine Dienstleistung in Skandinavien anzubieten oder für einen deutschen Hersteller etwas in Osteuropa zu verkaufen. Natürlich profitieren auch alle Bürger davon. Denn sie können sich darauf verlassen, dass viele aus dem Heimatland bekannte Regeln auch im Rest der EU gelten.</p> <p><a href="https://blog.selfhtml.org/2021/dec/07/barrierefreiheitsstarkungsgesetz-european-accessibility-act">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-12-06T01:38:28Z" class="dt-published"> 06. Dezember 2021 </time> <span class="count"> 1 Kommentar </span> </div> <h2><a href="https://blog.selfhtml.org/2021/dec/06/sag-ichs">Sag ich's?</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2021/dec/06/sag-ichs"> <img src="/uploads/thumbnails/1794240/Accessibility_logo.svg?v=63805973994" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Für viele Arbeitnehmerinnen stellt sich gar nicht in erster Linie die Frage, wie man als Mensch mit Behinderungen oder (chronischen) Erkrankungen eine barrierefreie Arbeitsumgebung beantragt oder sogar beim Arbeitgeber einfordert.</p> <p><a href="https://blog.selfhtml.org/2021/dec/06/sag-ichs">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-11-30T04:04:29Z" class="dt-published"> 30. November 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/nov/30/blue-beanie-day">Blue-Beanie-Day</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2021/nov/30/blue-beanie-day"> <img src="/uploads/thumbnails/1794076/Selfhtml-s-twitter-blue-beanie.png?v=63805464269" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Heute, am 30.11., ist wieder <a href="https://de.wikipedia.org/wiki/Blue_Beanie_Day" rel="nofollow noopener noreferrer"><strong>Blue Beanie Day</strong></a>; ein Aktionstag, um auf die Wichtigkeit von <a href="https://wiki.selfhtml.org/wiki/Webstandards" rel="nofollow noopener noreferrer"><strong>Webstandards</strong></a>aufmerksam zu machen. Er wird seit 2007 jährlich am 30. November begangen und wurde von Douglas Vos ins Leben gerufen.</p> <p><a href="https://blog.selfhtml.org/2021/nov/30/blue-beanie-day">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml">selfhtml</a> </li> <li class="cf-tag"> <a href="/tags/zu-diesem-forum">zu diesem forum</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <article class="cf-weblog-article"> <header> <div class="details"> <time datetime="2021-11-29T17:36:01Z" class="dt-published"> 29. November 2021 </time> <span class="count"> keine Kommentare </span> </div> <h2><a href="https://blog.selfhtml.org/2021/nov/29/adventskalender-2021">Adventskalender 2021</a></h2> </header> <div class="e-content"> <a href="https://blog.selfhtml.org/2021/nov/29/adventskalender-2021"> <img src="/uploads/thumbnails/1794049/Accessibility_logo.svg?v=63805426561" class="cf-weblog-article-thumbnail" alt=""> </a> <p>Der diesjährige Adventskalender ist der Barrierefreiheit gewidmet - ein Thema für alle, das jeden und alle angeht. Warum ist das so?</p> <p><a href="https://blog.selfhtml.org/2021/nov/29/adventskalender-2021">Weiterlesen…</a></p> </div> <section class="cf-weblog-tags"> eingeordnet unter: <ul class="cf-tags-list"> <li class="cf-tag"> <a href="/tags/adventskalender">adventskalender</a> </li> <li class="cf-tag"> <a href="/tags/barrierefreiheit">barrierefreiheit</a> </li> <li class="cf-tag"> <a href="/tags/selfhtml">selfhtml</a> </li> </ul> </section> <div class="posting-footer"> </div> </article> <p><a href="/archive">Ältere Artikel finden Sie im Archiv.</a></p> </div> </main> <footer class="cf-footer"> <ul> <li>Seit 1995 – <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Verein">Die Energie des Verstehens</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SELFHTML:Impressum">Impressum</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SELFHTML:Impressum#Datenschutzbestimmungen">Datenschutz</a></li> <li>Software: <a href="https://github.com/ckruse/cforum_ex">Classic Forum</a> V5.7.23</li> <li class="sponsor"><a href="https://termitel.de/"><img alt="Termitel - Customer Care & Sales" src="/images/termitel-customer-care-and-sales-639585ae6087c14fa099c4e0e2e1660f.svg?vsn=d"></a></li> <li class="sponsor"><a href="https://www.appsignal.com/"><img alt="AppSignal" src="/images/appsignal-e3045e28946f0657d47096a4faf0e32c.svg?vsn=d"></a></li> </ul> </footer> <script nonce="yBQN7kRs-cCs7DwtaMaa7b-EnG591mdYUfcWkhaWZNg">window.userToken = "";</script> <script src="/js/app-8872306ecbaeb167e05bafc1840844c0.js?vsn=d"></script> </body> </html>