2018 und 2020 hatten wir im Wiki nach [Verbesserungsvorschlägen](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) gefragt.[^1] Diesmal hatte ich mich per Mail an Ehemalige und Aktive aus Forum und Wiki gewandt, ob SELFHTML aus ihrer Sicht heute noch relevant sei. [^1]: [Hilfe:Verbesserungsvorschläge](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) im SELF-Wiki # These: Die Sprache des Webs ist Englisch! <div style="padding-left:2em"> <em> „Jeder kann heute Englisch!“ „Es gibt die MDN und die ist besser!“</em>[^2] [^2]: Die MSDN wurde depubliziert; die deutschsprachige MDN mittlerweile durch eine Weiterleitung auf die englischsprachige Version ersetzt. Wie das mit Mozilla und der finanziellen Unterstützung durch Google langfristig aussieht, wissen nur die Götter. <em>„Ich persönlich geh' auf StackOverflow!“ „Wer so wenig Englisch kann, dass er im Forum nachfragen muss, versteht unsere Tutorials eh nicht.“</em> </div> Für **mich persönlich** ist diese Frage eigentlich schon im ***mission statement*** von SELFHTML festgelegt: „ *… Anfänger gemäß dem aktuellen Stand der Technik an die Erstellung von Webseiten heranführen, aber auch Fortgeschrittenen und Profis als verlässliches Nachschlagewerk dienen.*“[^3] [^3]: [SELFHTML:Verein - Wir über uns](https://wiki.selfhtml.org/wiki/SELFHTML:Verein#Wir_.C3.BCber_uns) Die Dokumentation ist damals entstanden, um Menschen das ***„Everyone is a publisher“*** zu ermöglichen. Deshalb bietet SELFHTML seit 1995 eine Plattform für deutschsprachige Tutorials an und diesem Ansatz ist SELFHTML weiterhin verpflichtet. Auch wenn heute jeder Englisch „kann“, gibt es doch einen Unterschied zwischen der rezeptiven Beherrschung der Sprache - wenn man gut Englisch lesen oder Serien im Originalton verfolgen kann - und dem professionellen Mastering. So ist das Studium von Fachliteratur, bzw. das Formulieren von Fragen auf Stack Overflow doch eine größere Hürde, wenn dies auch noch in der Fremdsprache erfolgen muss. # **Anfänger … an die Erstellung von Webseiten heranführen** Als ich mich '99 auf das Staatsexamen vorbereitete, verließen zwei Mitstudenten meine Lerngruppe, da sie Webdesigner werden wollten - einer vor, einer nach dem Examen. Ach, was waren das für Zeiten, als HTML & CSS noch cool waren! Heute scheint die Zahl der wirklichen Anfänger überschaubar bis nicht vorhanden. Trotzdem führt die Doku Nutzer über die Seite [**Wie fange ich an?**](https://wiki.selfhtml.org/wiki/Wie_fange_ich_an%3F) direkt zu unseren Anfänger-Kursen: <div class="cards-container" style="display: grid; grid-template-columns: repeat(auto-fill,minmax(17em,1fr)); gap: 2em;"> <div class="card bg-filled" style="grid-row: span 1;background:beige;"> <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in <span style="color:#c82f04;">HTML</span></strong></a> <span style="float:right; display:block;text-align:end;line-height:100%;font-size:4.5em; color:#c82f04;">&lt;/&gt;</span><br> der Kurs für die ersten Schritte in HTML und CSS. Schritt für Schritt zur eigenen Webseite <p class="teaser"> <img src="/images/455f8376-67eb-11ee-baaf-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem HTML-Einstieg"></p> </div> <div class="card"> <img src="/images/629240d6-67ec-11ee-a1c6-b42e9947ef30.png?size=medium" alt="CSS-logo" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in CSS</strong></a> <ul><li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Stylesheets_einbinden">Stylesheet einbinden</a></li> <li>Warum Layouts mit CSS?</li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Webseiten_responsiv_umbauen">Webseiten responsiv umbauen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/vom_Entwurf_zum_Layout">vom Entwurf zum Layout</a></li> </ul> <p class="teaser">Stylesheets für HTML und SVG</p> <p class="teaser"> <img src="/images/bc90606a-7870-11ee-b833-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem CSS-Einstieg"></p> </div> <div> <img src="/images/39b200c6-67f0-11ee-b9d5-b42e9947ef30.png?size=medium" alt="Icon für JS-Einstieg" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in JavaScript</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Erste_Schritte">Erste Schritte</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Programmieren_und_Debuggen">Programmieren und Debuggen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Funktionen">Funktionen</a></li> </ul> </div> <div class="card"> <img src="/images/77669d3e-67ee-11ee-beb7-b42e9947ef30.png?size=medium" alt="SVG-Logo des W3C" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in SVG</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg#Warum_SVG_nutzen.3F">Warum SVG nutzen?</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen">SVG mit CSS stylen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_animieren">SVG mit CSS animieren</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/barrierefreie SVGs">barrierefreie SVGs</a></li> </ul> Step by step eigene SVGs erstellen </div> </div> Uns als Autoren ist es dabei egal, ob die Nutzer aus einem jahrhundertealten Bauerngeschlecht oder einer Brennpunktschule in der Großstadt kommen. Das [Siezen unserer Leser ist Tradition](https://wiki.selfhtml.org/wiki/Hilfe:Wiki/Artikel#Stil), bei neuen Tutorials könnte man auf das heute üblichere Du wechseln. # **… auch Fortgeschrittenen und Profis … dienen** Ich hatte in den letzten Wochen viele Ehemalige, sowie im Wiki Aktive angeschrieben und um ihren Eindruck, bzw. Rat gefragt. Dabei kam immer wieder zum Vorschein, dass wir zu wenig zu Fortgeschrittenen-Themen hätten. Hier müssen wir wohl unsere Hausaufgaben machen und mehr Tutorials für Fortgeschrittene anbieten, bzw. die vorhandenen Artikel besser präsentieren: * [**CSS/Tutorials**](https://wiki.selfhtml.org/wiki/CSS/Tutorials) * [**JavaScript/Tutorials**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials) * [**SVG/Tutorials**](https://wiki.selfhtml.org/wiki/SVG/Tutorials) <div style="padding-left:2em"> <em>„Ich mache nichts mehr mit HTML, ich arbeite jetzt im Backend.“</em> </div> Unser Bereich [**Webserver**](https://wiki.selfhtml.org/wiki/Webserver) könnte ausgebaut werden, bietet aber bereits einiges. Im Feedback erhielt ich zwei Angebote zu Tutorials über [Node.js](https://wiki.selfhtml.org/wiki/Node.js) und die neue WebGPU - ich freu' mich jetzt schon! ## **Ab wann ist man denn ein Fortgeschrittener?** Ein häufig auftretendes Problem ist, dass sich viele im Forum Fragende gar nicht als Anfänger sehen. <div style="padding-left:2em"> *„Einige Beispiele munter zusammenkopiert - funktioniert!“* *„Und noch was dazu - hoppla, was ist da los - der Browser muss einen Bug haben!“* </div> Diese Fragesteller lassen sich nur mit Mühe von ihren fehlerhaften Ansätzen abbringen. Hier können Tutorials ein Problem von der Aufgabenstellung bis zur barrierefreien Lösung anschaulich und unterhaltsam behandeln. # **Warum die Frage nach der Zielgruppe?** Implizit beinhalten die Fragen nach Relevanz und Zielgruppe auch immer die Frage, ob man nicht besser Schluss machen sollte. Ich hoffe, dass ich einige überzeugen kann, weiterzumachen und zumindest 2025 die 30 Jahre vollzumachen. Hier möchte ich unseren Vorstand Janosch Zoller zitieren: <div style="padding-left:2em;"> <em>Wir haben auch jetzt noch täglich tausende Seitenaufrufe, wo Menschen im Zweifel von unseren Inhalten profitieren. Das wird immer wieder durch die Kleinspender bestätigt, die in Regelmäßigkeit ein paar Euronen da lassen - und das obwohl wir alles andere als aggressiv für Spenden werben. Insofern ist das wiki so wie es ist nicht verkehrt; es wird von einigen Menschen aktiv genutzt. … Wegen mir kann es einfach so weiterlaufen wie es ist - solange es zig Menschen täglich glücklich macht, ist es eine Bereicherung und erhaltenswert. Daher ist es für mich auch keine Option, den Verein dicht zu machen, solange wir noch derart aktiv gelesen werden. Der Vergleich mit den 00er-Jahren ist nicht repräsentativ und hinkt auf allen Ebenen. Man darf nicht immer dem Glanz alter Zeiten nachhängen, sondern muss sich fragen: "Was haben wir heute? Ist es erhaltenswert?". Ich beantworte für mich Letzteres mit einem uneingeschränkten Ja, deshalb mache ich weiter.</em>[^4] </div> [^4]: Janosch Zoller am 20.06.2021 im [internen Forum](https://forum.selfhtml.org/verein/2021/jun/20/interessanter-verein-umstandehalber-in-gute-hande-abzugeben/1789435#m1789435)

2018 und 2020 hatten wir im Wiki nach [Verbesserungsvorschlägen](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) gefragt.[^1] Diesmal hatte ich mich per Mail an Ehemalige und Aktive aus Forum und Wiki gewandt, ob SELFHTML aus ihrer Sicht heute noch relevant sei. [^1]: [Hilfe:Verbesserungsvorschläge](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) im SELF-Wiki # These: Die Sprache des Webs ist Englisch! <div style="padding-left:2em"> <em> „Jeder kann heute Englisch!“ „Es gibt die MDN und die ist besser!“</em>[^2] [^2]: Die MSDN wurde depubliziert; die deutschsprachige MDN mittlerweile durch eine Weiterleitung auf die englischsprachige Version ersetzt. Wie das mit Mozilla und der finanziellen Unterstützung durch Google langfristig aussieht, wissen nur die Götter. <em>„Ich persönlich geh' auf StackOverflow!“ „Wer so wenig Englisch kann, dass er im Forum nachfragen muss, versteht unsere Tutorials eh nicht.“</em> </div> Für **mich persönlich** ist diese Frage eigentlich schon im ***mission statement*** von SELFHTML festgelegt: „ *… Anfänger gemäß dem aktuellen Stand der Technik an die Erstellung von Webseiten heranführen, aber auch Fortgeschrittenen und Profis als verlässliches Nachschlagewerk dienen.*“[^3] [^3]: [SELFHTML:Verein - Wir über uns](https://wiki.selfhtml.org/wiki/SELFHTML:Verein#Wir_.C3.BCber_uns) Die Dokumentation ist damals entstanden, um Menschen das ***„Everyone is a publisher“*** zu ermöglichen. Deshalb bietet SELFHTML seit 1995 eine Plattform für deutschsprachige Tutorials an und diesem Ansatz ist SELFHTML weiterhin verpflichtet. Auch wenn heute jeder Englisch „kann“, gibt es doch einen Unterschied zwischen der rezeptiven Beherrschung der Sprache - wenn man gut Englisch lesen oder Serien im Originalton verfolgen kann - und dem professionellen Mastering. So ist das Studium von Fachliteratur, bzw. das Formulieren von Fragen auf Stack Overflow doch eine größere Hürde, wenn dies auch noch in der Fremdsprache erfolgen muss. # **Anfänger … an die Erstellung von Webseiten heranführen** Als ich mich '99 auf das Staatsexamen vorbereitete, verließen zwei Mitstudenten meine Lerngruppe, da sie Webdesigner werden wollten - einer vor, einer nach dem Examen. Ach, was waren das für Zeiten, als HTML & CSS noch cool waren! Heute scheint die Zahl der wirklichen Anfänger überschaubar bis nicht vorhanden. Trotzdem führt die Doku Nutzer über die Seite [**Wie fange ich an?**](https://wiki.selfhtml.org/wiki/Wie_fange_ich_an%3F) direkt zu unseren Anfänger-Kursen: <div class="cards-container" style="display: grid; grid-template-columns: repeat(auto-fill,minmax(17em,1fr)); gap: 2em;"> <div class="card bg-filled" style="grid-row: span 1;background:beige;"> <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in <span style="color:#c82f04;">HTML</span></strong></a> <span style="float:right; display:block;text-align:end;line-height:100%;font-size:4.5em; color:#c82f04;">&lt;/&gt;</span><br> der Kurs für die ersten Schritte in HTML und CSS. Schritt für Schritt zur eigenen Webseite <p class="teaser"> <img src="/images/455f8376-67eb-11ee-baaf-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem HTML-Einstieg"></p> </div> <div class="card"> <img src="/images/629240d6-67ec-11ee-a1c6-b42e9947ef30.png?size=medium" alt="CSS-logo" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in CSS</strong></a> <ul><li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Stylesheets_einbinden">Stylesheet einbinden</a></li> <li>Warum Layouts mit CSS?</li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Webseiten_responsiv_umbauen">Webseiten responsiv umbauen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/vom_Entwurf_zum_Layout">vom Entwurf zum Layout</a></li> </ul> <p class="teaser">Stylesheets für HTML und SVG</p> <p class="teaser"> <img src="/images/bc90606a-7870-11ee-b833-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem CSS-Einstieg"></p> </div> <div> <img src="/images/39b200c6-67f0-11ee-b9d5-b42e9947ef30.png?size=medium" alt="Icon für JS-Einstieg" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in JavaScript</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Erste_Schritte">Erste Schritte</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Programmieren_und_Debuggen">Programmieren und Debuggen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Funktionen">Funktionen</a></li> </ul> </div> <div class="card"> <img src="/images/77669d3e-67ee-11ee-beb7-b42e9947ef30.png?size=medium" alt="SVG-Logo des W3C" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in SVG</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg#Warum_SVG_nutzen.3F">Warum SVG nutzen?</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen">SVG mit CSS stylen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_animieren">SVG mit CSS animieren</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/barrierefreie SVGs">barrierefreie SVGs</a></li> </ul> Step by step eigene SVGs erstellen </div> </div> Uns als Autoren ist es dabei egal, ob die Nutzer aus einem jahrhundertealten Bauerngeschlecht oder einer Brennpunktschule in der Großstadt kommen. Das [Siezen unserer Leser ist Tradition](https://wiki.selfhtml.org/wiki/Hilfe:Wiki/Artikel#Stil), bei neuen Tutorials könnte man auf das heute üblichere Du wechseln. # **… auch Fortgeschrittenen und Profis … dienen** Ich hatte in den letzten Wochen viele Ehemalige, sowie im Wiki Aktive angeschrieben und um ihren Eindruck, bzw. Rat gefragt. Dabei kam immer wieder zum Vorschein, dass wir zu wenig zu Fortgeschrittenen-Themen hätten. Hier müssen wir wohl unsere Hausaufgaben machen und mehr Tutorials für Fortgeschrittene anbieten, bzw. die vorhandenen Artikel besser präsentieren: * [**CSS/Tutorials**](https://wiki.selfhtml.org/wiki/CSS/Tutorials) * [**JavaScript/Tutorials**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials) * [**SVG/Tutorials**](https://wiki.selfhtml.org/wiki/SVG/Tutorials) <div style="padding-left:2em"> <em>„Ich mache nichts mehr mit HTML, ich arbeite jetzt im Backend.“</em> </div> Unser Bereich [**Webserver**](https://wiki.selfhtml.org/wiki/Webserver) könnte ausgebaut werden, bietet aber bereits einiges. Im Feedback erhielt ich zwei Angebote zu Tutorials über [Node.js](https://wiki.selfhtml.org/wiki/Node.js) und die neue WebGPU - ich freu' mich jetzt schon! ## **Ab wann ist man denn ein Fortgeschrittener?** Ein häufig auftretendes Problem ist, dass sich viele im Forum Fragende gar nicht als Anfänger sehen. <div style="padding-left:2em"> *„Einige Beispiele munter zusammenkopiert - funktioniert!“* *„Und noch was dazu - hoppla, was ist da los - der Browser muss einen Bug haben!“* </div> Diese Fragesteller lassen sich nur mit Mühe von ihren fehlerhaften Ansätzen abbringen. Hier können Tutorials ein Problem von der Aufgabenstellung bis zur barrierefreien Lösung anschaulich und unterhaltsam behandeln # **Warum die Frage nach der Zielgruppe?** Implizit beinhalten die Fragen nach Relevanz und Zielgruppe auch immer die Frage, ob man nicht besser Schluss machen sollte. Ich hoffe, dass ich einige überzeugen kann, weiterzumachen und zumindest 2025 die 30 Jahre vollzumachen. Hier möchte ich unseren Vorstand Janosch Zoller zitieren: <div style="padding-left:2em;"> <em>Wir haben auch jetzt noch täglich tausende Seitenaufrufe, wo Menschen im Zweifel von unseren Inhalten profitieren. Das wird immer wieder durch die Kleinspender bestätigt, die in Regelmäßigkeit ein paar Euronen da lassen - und das obwohl wir alles andere als aggressiv für Spenden werben. Insofern ist das wiki so wie es ist nicht verkehrt; es wird von einigen Menschen aktiv genutzt. … Wegen mir kann es einfach so weiterlaufen wie es ist - solange es zig Menschen täglich glücklich macht, ist es eine Bereicherung und erhaltenswert. Daher ist es für mich auch keine Option, den Verein dicht zu machen, solange wir noch derart aktiv gelesen werden. Der Vergleich mit den 00er-Jahren ist nicht repräsentativ und hinkt auf allen Ebenen. Man darf nicht immer dem Glanz alter Zeiten nachhängen, sondern muss sich fragen: "Was haben wir heute? Ist es erhaltenswert?". Ich beantworte für mich Letzteres mit einem uneingeschränkten Ja, deshalb mache ich weiter.</em>[^4] </div> [^4]: Janosch Zoller am 20.06.2021 im [internen Forum](https://forum.selfhtml.org/verein/2021/jun/20/interessanter-verein-umstandehalber-in-gute-hande-abzugeben/1789435#m1789435)

2018 und 2020 hatten wir im Wiki nach [Verbesserungsvorschlägen](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) gefragt.[^1] Diesmal hatte ich mich per Mail an Ehemalige und Aktive aus Forum und Wiki gewandt, ob SELFHTML aus ihrer Sicht heute noch relevant sei. [^1]: [Hilfe:Verbesserungsvorschläge](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) im SELF-Wiki # These: Die Sprache des Webs ist Englisch! <div style="padding-left:2em"> „Jeder kann heute Englisch!“ „Es gibt die MDN und die ist besser!“[^2] [^2]: Die MSDN wurde depubliziert; die deutschsprachige MDN mittlerweile durch eine Weiterleitung auf die englischsprachige Version ersetzt. Wie das mit Mozilla und der finanziellen Unterstützung durch Google langfristig aussieht, wissen nur die Götter. „Ich persönlich geh' auf StackOverflow!“ „Wer so wenig Englisch kann, dass er im Forum nachfragen muss, versteht unsere Tutorials eh nicht.“ </div> Für **mich persönlich** ist diese Frage eigentlich schon im ***mission statement*** von SELFHTML festgelegt: „ *… Anfänger gemäß dem aktuellen Stand der Technik an die Erstellung von Webseiten heranführen, aber auch Fortgeschrittenen und Profis als verlässliches Nachschlagewerk dienen.*“[^3] [^3]: [SELFHTML:Verein - Wir über uns](https://wiki.selfhtml.org/wiki/SELFHTML:Verein#Wir_.C3.BCber_uns) Die Dokumentation ist damals entstanden, um Menschen das ***„Everyone is a publisher“*** zu ermöglichen. Deshalb bietet SELFHTML seit 1995 eine Plattform für deutschsprachige Tutorials an und diesem Ansatz ist SELFHTML weiterhin verpflichtet. Auch wenn heute jeder Englisch „kann“, gibt es doch einen Unterschied zwischen der rezeptiven Beherrschung der Sprache - wenn man gut Englisch lesen oder Serien im Originalton verfolgen kann - und dem professionellen Mastering. So ist das Studium von Fachliteratur, bzw. das Formulieren von Fragen auf Stack Overflow doch eine größere Hürde, wenn dies auch noch in der Fremdsprache erfolgen muss. # **Anfänger … an die Erstellung von Webseiten heranführen** Als ich mich '99 auf das Staatsexamen vorbereitete, verließen zwei Mitstudenten meine Lerngruppe, da sie Webdesigner werden wollten - einer vor, einer nach dem Examen. Ach, was waren das für Zeiten, als HTML & CSS noch cool waren! Heute scheint die Zahl der wirklichen Anfänger überschaubar bis nicht vorhanden. Trotzdem führt die Doku Nutzer über die Seite [**Wie fange ich an?**](https://wiki.selfhtml.org/wiki/Wie_fange_ich_an%3F) direkt zu unseren Anfänger-Kursen: <div class="cards-container" style="display: grid; grid-template-columns: repeat(auto-fill,minmax(17em,1fr)); gap: 2em;"> <div class="card bg-filled" style="grid-row: span 1;background:beige;"> <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in <span style="color:#c82f04;">HTML</span></strong></a> <span style="float:right; display:block;text-align:end;line-height:100%;font-size:4.5em; color:#c82f04;">&lt;/&gt;</span><br> der Kurs für die ersten Schritte in HTML und CSS. Schritt für Schritt zur eigenen Webseite <p class="teaser"> <img src="/images/455f8376-67eb-11ee-baaf-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem HTML-Einstieg"></p> </div> <div class="card"> <img src="/images/629240d6-67ec-11ee-a1c6-b42e9947ef30.png?size=medium" alt="CSS-logo" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in CSS</strong></a> <ul><li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Stylesheets_einbinden">Stylesheet einbinden</a></li> <li>Warum Layouts mit CSS?</li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Webseiten_responsiv_umbauen">Webseiten responsiv umbauen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/vom_Entwurf_zum_Layout">vom Entwurf zum Layout</a></li> </ul> <p class="teaser">Stylesheets für HTML und SVG</p> <p class="teaser"> <img src="/images/bc90606a-7870-11ee-b833-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem CSS-Einstieg"></p> </div> <div> <img src="/images/39b200c6-67f0-11ee-b9d5-b42e9947ef30.png?size=medium" alt="Icon für JS-Einstieg" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in JavaScript</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Erste_Schritte">Erste Schritte</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Programmieren_und_Debuggen">Programmieren und Debuggen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Funktionen">Funktionen</a></li> </ul> </div> <div class="card"> <img src="/images/77669d3e-67ee-11ee-beb7-b42e9947ef30.png?size=medium" alt="SVG-Logo des W3C" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in SVG</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg#Warum_SVG_nutzen.3F">Warum SVG nutzen?</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen">SVG mit CSS stylen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_animieren">SVG mit CSS animieren</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/barrierefreie SVGs">barrierefreie SVGs</a></li> </ul> Step by step eigene SVGs erstellen </div> </div> Uns als Autoren ist es dabei egal, ob die Nutzer aus einem jahrhundertealten Bauerngeschlecht oder einer Brennpunktschule in der Großstadt kommen. Das [Siezen unserer Leser ist Tradition](https://wiki.selfhtml.org/wiki/Hilfe:Wiki/Artikel#Stil), bei neuen Tutorials könnte man auf das heute üblichere Du wechseln. # **… auch Fortgeschrittenen und Profis … dienen** Ich hatte in den letzten Wochen viele Ehemalige, sowie im Wiki Aktive angeschrieben und um ihren Eindruck, bzw. Rat gefragt. Dabei kam immer wieder zum Vorschein, dass wir zu wenig zu Fortgeschrittenen-Themen hätten. Hier müssen wir wohl unsere Hausaufgaben machen und mehr Tutorials für Fortgeschrittene anbieten, bzw. die vorhandenen Artikel besser präsentieren: * [**CSS/Tutorials**](https://wiki.selfhtml.org/wiki/CSS/Tutorials) * [**JavaScript/Tutorials**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials) * [**SVG/Tutorials**](https://wiki.selfhtml.org/wiki/SVG/Tutorials) <div style="padding-left:2em"> <em>„Ich mache nichts mehr mit HTML, ich arbeite jetzt im Backend.“</em> </div> Unser Bereich [**Webserver**](https://wiki.selfhtml.org/wiki/Webserver) könnte ausgebaut werden, bietet aber bereits einiges. Im Feedback erhielt ich zwei Angebote zu Tutorials über [Node.js](https://wiki.selfhtml.org/wiki/Node.js) und die neue WebGPU - ich freu' mich jetzt schon! ## **Ab wann ist man denn ein Fortgeschrittener?** Ein häufig auftretendes Problem ist, dass sich viele im Forum Fragende gar nicht als Anfänger sehen. <div style="padding-left:2em"> *„Einige Beispiele munter zusammenkopiert - funktioniert!“* *„Und noch was dazu - hoppla, was ist da los - der Browser muss einen Bug haben!“* </div> Diese Fragesteller lassen sich nur mit Mühe von ihren fehlerhaften Ansätzen abbringen. Hier können Tutorials ein Problem von der Aufgabenstellung bis zur barrierefreien Lösung anschaulich und unterhaltsam behandeln # **Warum die Frage nach der Zielgruppe?** Implizit beinhalten die Fragen nach Relevanz und Zielgruppe auch immer die Frage, ob man nicht besser Schluss machen sollte. Ich hoffe, dass ich einige überzeugen kann, weiterzumachen und zumindest 2025 die 30 Jahre vollzumachen. Hier möchte ich unseren Vorstand Janosch Zoller zitieren: <div style="padding-left:2em;"> <em>Wir haben auch jetzt noch täglich tausende Seitenaufrufe, wo Menschen im Zweifel von unseren Inhalten profitieren. Das wird immer wieder durch die Kleinspender bestätigt, die in Regelmäßigkeit ein paar Euronen da lassen - und das obwohl wir alles andere als aggressiv für Spenden werben. Insofern ist das wiki so wie es ist nicht verkehrt; es wird von einigen Menschen aktiv genutzt. … Wegen mir kann es einfach so weiterlaufen wie es ist - solange es zig Menschen täglich glücklich macht, ist es eine Bereicherung und erhaltenswert. Daher ist es für mich auch keine Option, den Verein dicht zu machen, solange wir noch derart aktiv gelesen werden. Der Vergleich mit den 00er-Jahren ist nicht repräsentativ und hinkt auf allen Ebenen. Man darf nicht immer dem Glanz alter Zeiten nachhängen, sondern muss sich fragen: "Was haben wir heute? Ist es erhaltenswert?". Ich beantworte für mich Letzteres mit einem uneingeschränkten Ja, deshalb mache ich weiter.</em>[^4] </div> [^4]: Janosch Zoller am 20.06.2021 im [internen Forum](https://forum.selfhtml.org/verein/2021/jun/20/interessanter-verein-umstandehalber-in-gute-hande-abzugeben/1789435#m1789435)

2018 und 2020 hatten wir im Wiki nach [Verbesserungsvorschlägen](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) gefragt.[^1] Diesmal hatte ich mich per Mail an Ehemalige und Aktive aus Forum und Wiki gewandt, ob SELFHTML aus ihrer Sicht heute noch relevant sei. [^1]: [Hilfe:Verbesserungsvorschläge](https://wiki.selfhtml.org/wiki/Hilfe:Verbesserungsvorschl%C3%A4ge) im SELF-Wiki # These: Die Sprache des Webs ist Englisch! <div style="padding-left:2em"> „Jeder kann heute Englisch!“ „Es gibt die MDN und die ist besser!“[^2] [^2]: Die MSDN wurde depubliziert; die deutschsprachige MDN mittlerweile durch eine Weiterleitung auf die englischsprachige Version ersetzt. Wie das mit Mozilla und der finanziellen Unterstützung durch Google langfristig aussieht, wissen nur die Götter. „Ich persönlich geh' auf StackOverflow!“ „Wer so wenig Englisch kann, dass er im Forum nachfragen muss, versteht unsere Tutorials eh nicht.“ </div> Für **mich persönlich** ist diese Frage eigentlich schon im ***mission statement*** von SELFHTML festgelegt: „ *… Anfänger gemäß dem aktuellen Stand der Technik an die Erstellung von Webseiten heranführen, aber auch Fortgeschrittenen und Profis als verlässliches Nachschlagewerk dienen.*“[^3] [^3]: [SELFHTML:Verein - Wir über uns](https://wiki.selfhtml.org/wiki/SELFHTML:Verein#Wir_.C3.BCber_uns) Die Dokumentation ist damals entstanden, um Menschen das ***„Everyone is a publisher“*** zu ermöglichen. Deshalb bietet SELFHTML seit 1995 eine Plattform für deutschsprachige Tutorials an und diesem Ansatz ist SELFHTML weiterhin verpflichtet. Auch wenn heute jeder Englisch „kann“, gibt es doch einen Unterschied zwischen der rezeptiven Beherrschung der Sprache - wenn man gut Englisch lesen oder Serien im Originalton verfolgen kann - und dem professionellen Mastering. So ist das Studium von Fachliteratur, bzw. das Formulieren von Fragen auf Stack Overflow doch eine größere Hürde, wenn dies auch noch in der Fremdsprache erfolgen muss. # **Anfänger … an die Erstellung von Webseiten heranführen** Als ich mich '99 auf das Staatsexamen vorbereitete, verließen zwei Mitstudenten meine Lerngruppe, da sie Webdesigner werden wollten - einer vor, einer nach dem Examen. Ach, was waren das für Zeiten, als HTML & CSS noch cool waren! Heute scheint die Zahl der wirklichen Anfänger überschaubar bis nicht vorhanden. Trotzdem führt die Doku Nutzer über die Seite [**Wie fange ich an?**](https://wiki.selfhtml.org/wiki/Wie_fange_ich_an%3F) direkt zu unseren Anfänger-Kursen: <div class="cards-container" style="display: grid; grid-template-columns: repeat(auto-fill,minmax(17em,1fr)); gap: 2em;"> <div class="card bg-filled" style="grid-row: span 1;background:beige;"> <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in <span style="color:#c82f04;">HTML</span></strong></a> <span style="float:right; display:block;text-align:end;line-height:100%;font-size:4.5em; color:#c82f04;">&lt;/&gt;</span><br> der Kurs für die ersten Schritte in HTML und CSS. Schritt für Schritt zur eigenen Webseite <p class="teaser"> <img src="/images/455f8376-67eb-11ee-baaf-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem HTML-Einstieg"></p> </div> <div class="card"> <img src="/images/629240d6-67ec-11ee-a1c6-b42e9947ef30.png?size=medium" alt="CSS-logo" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in CSS</strong></a> <ul><li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Stylesheets_einbinden">Stylesheet einbinden</a></li> <li>Warum Layouts mit CSS?</li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Webseiten_responsiv_umbauen">Webseiten responsiv umbauen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/vom_Entwurf_zum_Layout">vom Entwurf zum Layout</a></li> </ul> <p class="teaser">Stylesheets für HTML und SVG</p> <p class="teaser"> <img src="/images/bc90606a-7870-11ee-b833-b42e9947ef30.png?size=medium" alt="Screenshot unserer Webseite aus dem CSS-Einstieg"></p> </div> <div> <img src="/images/39b200c6-67f0-11ee-b9d5-b42e9947ef30.png?size=medium" alt="Icon für JS-Einstieg" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in JavaScript</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Erste_Schritte">Erste Schritte</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Programmieren_und_Debuggen">Programmieren und Debuggen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Einstieg/Funktionen">Funktionen</a></li> </ul> </div> <div class="card"> <img src="/images/77669d3e-67ee-11ee-beb7-b42e9947ef30.png?size=medium" alt="SVG-Logo des W3C" style="width:80px;float:right"> <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg"><strong style="font-size: 1.15em;">Einstieg in SVG</strong></a> <ul> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg#Warum_SVG_nutzen.3F">Warum SVG nutzen?</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen">SVG mit CSS stylen</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_animieren">SVG mit CSS animieren</a></li> <li><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/barrierefreie SVGs">barrierefreie SVGs</a></li> </ul> Step by step eigene SVGs erstellen </div> </div> Uns als Autoren ist es dabei egal, ob die Nutzer aus einem jahrhundertealten Bauerngeschlecht oder einer Brennpunktschule in der Großstadt kommen. Das [Siezen unserer Leser ist Tradition](https://wiki.selfhtml.org/wiki/Hilfe:Wiki/Artikel#Stil), bei neuen Tutorials könnte man auf das heute üblichere Du wechseln. # **… auch Fortgeschrittenen und Profis … dienen** Ich hatte in den letzten Wochen viele Ehemalige, sowie im Wiki Aktive angeschrieben und um ihren Eindruck, bzw. Rat gefragt. Dabei kam immer wieder zum Vorschein, dass wir zu wenig zu Fortgeschrittenen-Themen hätten. Hier müssen wir wohl unsere Hausaufgaben machen und mehr Tutorials für Fortgeschrittene anbieten, bzw. die vorhandenen Artikel besser präsentieren: * [**CSS/Tutorials**](https://wiki.selfhtml.org/wiki/CSS/Tutorials) * [**JavaScript/Tutorials**](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials) * [**SVG/Tutorials**](https://wiki.selfhtml.org/wiki/SVG/Tutorials) <div style="padding-left:2em"> „Ich mache nichts mehr mit HTML, ich arbeite jetzt im Backend.“ </div> Unser Bereich [**Webserver**](https://wiki.selfhtml.org/wiki/Webserver) könnte ausgebaut werden, bietet aber bereits einiges. Im Feedback erhielt ich zwei Angebote zu Tutorials über [Node.js](https://wiki.selfhtml.org/wiki/Node.js) und die neue WebGPU - ich freu' mich jetzt schon! ## **Ab wann ist man denn ein Fortgeschrittener?** Ein häufig auftretendes Problem ist, dass sich viele im Forum Fragende gar nicht als Anfänger sehen. <div style="padding-left:2em"> *„Einige Beispiele munter zusammenkopiert - funktioniert!“* *„Und noch was dazu - hoppla, was ist da los - der Browser muss einen Bug haben!“* </div> Diese Fragesteller lassen sich nur mit Mühe von ihren fehlerhaften Ansätzen abbringen. Hier können Tutorials ein Problem von der Aufgabenstellung bis zur barrierefreien Lösung anschaulich und unterhaltsam behandeln # **Warum die Frage nach der Zielgruppe?** Implizit beinhalten die Fragen nach Relevanz und Zielgruppe auch immer die Frage, ob man nicht besser Schluss machen sollte. Ich hoffe, dass ich einige überzeugen kann, weiterzumachen und zumindest 2025 die 30 Jahre vollzumachen. Hier möchte ich unseren Vorstand Janosch Zoller zitieren: <div style="padding-left:2em;"> <em>Wir haben auch jetzt noch täglich tausende Seitenaufrufe, wo Menschen im Zweifel von unseren Inhalten profitieren. Das wird immer wieder durch die Kleinspender bestätigt, die in Regelmäßigkeit ein paar Euronen da lassen - und das obwohl wir alles andere als aggressiv für Spenden werben. Insofern ist das wiki so wie es ist nicht verkehrt; es wird von einigen Menschen aktiv genutzt. … Wegen mir kann es einfach so weiterlaufen wie es ist - solange es zig Menschen täglich glücklich macht, ist es eine Bereicherung und erhaltenswert. Daher ist es für mich auch keine Option, den Verein dicht zu machen, solange wir noch derart aktiv gelesen werden. Der Vergleich mit den 00er-Jahren ist nicht repräsentativ und hinkt auf allen Ebenen. Man darf nicht immer dem Glanz alter Zeiten nachhängen, sondern muss sich fragen: "Was haben wir heute? Ist es erhaltenswert?". Ich beantworte für mich Letzteres mit einem uneingeschränkten Ja, deshalb mache ich weiter.</em>[^4] </div> [^4]: Janosch Zoller am 20.06.2021 im [internen Forum](https://forum.selfhtml.org/verein/2021/jun/20/interessanter-verein-umstandehalber-in-gute-hande-abzugeben/1789435#m1789435)