Benutzer:MScharwies

Informationen zum Autor

Name:

Matthias Scharwies

E-Mail:

m.scharwies@gmx.de

Homepage:

http://www.jsr-hersbruck.de

Über mich

Mit einem Schulwechsel kam ich 2008 zu einem neuen Job als Betreuer unserer Schul-Homepage, die damals noch aus Frames und Tabellen bestand.

Durch Matthias Apsels Aufruf, den Templates des Designwettbewerbs eine zeitgemäße HTML5-Struktur zu geben, entdeckte ich das Wiki als neues Hobby. Nach der nun vollendeten Textübertragung und Aktualisierung der alten Doku in Wikiartikel sehe ich nun meinen Schwerpunkt in der Entwicklung von Tutorials für Einsteiger.

Seit Oktober 2014 bin ich auch Mitglied und 2. Vorsitzender im Verein. --Matthias Scharwies (Diskussion) 09:44, 30. Aug. 2014 (CEST)

Done

• Wie fange ich an? (Juli 2018)
• CSS/fertige Layouts (Neubearbeitung mit Grid Layout,Jan 2018)
• Tutorials und Referenzseiten zum Grid Layout
• Hilfe - Zusammenfassung, Neustrukturierung bestehender Seiten, Aktualisierung (Oktober 2016)
• HTTP - Zusammenfassung, Neustrukturierung bestehender Seiten, Aktualisierung und Erweiterung (Juli 2016)
• HTML/Tutorials (August 2015 - August 2016)
• CSS/Anwendung und Praxis (Mai 2014- Mai 2016)
• SVG-Doku und Referenz:SVG (März 2015)
• Beispiele für JavaScript-Doku (Feb 2015)
• Referenz:HTML an HTML5 angepasst (September 2014)
• Textübertragung und Aktualisierung der JavaScript-Doku (Juni - September 2014)
• CSS/fertige Layouts (Okt 2013 - März 2014)

Doing

Beispiel: Advent-2017 ansehen …

body {
  display: grid;
  grid-template-columns: auto auto auto; 
}

ansehen …

ToDo

• JavaScript/Tutorials
• Benutzer:MScharwies/utf-8
• Benutzer:MScharwies/WordPress

• Weiterarbeit:
  • gewünschte Seiten
  • ToDo

CSS

Route 66

Beispiel: Flexbox-Layout ansehen …

<nav>
  <ul>
    <li><a href="/">Startseite</a></li>
    <li>
      <a href="#">Geschichte</a>
      <ul>
        <li><a href="#">Vorläufer</a></li>
        <li><a href="#">Go West! - Flucht aus der Dust Bowl</a></li>
        <li><a href="#">Niedergang (Interstate 40)</a></li>
        <li><a href="#">Renaissance</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Verlauf</a>
      <ul>
        <li><a href="#">Illinois, Missouri und Kansas</a></li>
        <li><a href="#">Oklahoma, Texas und New Mexico</a></li>
        <li><a href="#">Arizona und Kalifornien</a></li>
        <li><a href="#">Veränderungen im Verlauf</a></li>
      </ul>
    </li>
    <li><a href="#">Impressum</a></li>
  </ul>
</nav>

Die Navigation besteht wie bei den konventionelleren Varianten aus einem nav-Element mit einer unsortierten Liste. Innerhalb der Listenelemente befinden sich die Verweise auf weitere Seiten und, falls es ein Untermenü geben soll, weitere unsortierte Listen.

ansehen …

SVG

1. SVG/Tutorials/Balkendiagramm
2. SVG/Tutorials/Baumdiagramm
3. SVG/Tutorials/Shape-Morphing
4. SVG/Tutorials/Infografiken
5. SVG/Tutorials/Einsatz im CMS
6. Kamerafahrten

• https://ihatetomatoes.net/svg-christmas/

SVG 2 Browser Support

• https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_2_support_in_Mozilla

• tuts+: Overview of SVG Animation Usage in Web Design by Jake Rocheleau August 30, 2016
• https://birtles.wordpress.com/2015/05/01/what-do-we-do-with-smil/

sonstiges

Adventskalender auf - SELFHTML_Adventskalender_2001 https://wiki.selfhtml.org/wiki/SELFHTML:Verein/Chronik/News-Jahresarchiv_2001 verlinken und Tippfehler (Keldender) ausbessern

Stefan Münz über Besserwisser: https://forum.selfhtml.org/self/2009/may/4/petition-gegen-internetsperren-bitte-nicht-verpennen/1360912#m1360912

Thomas J.S. Evangelisten statt Dogmatiker

• Self-Treffen in Berlin (hat sich wohl erledigt)

Wiki-Arbeit

meine ersten Änderungen im Wiki:

• HTML/Tutorials
• CSS/Anwendung und Praxis
• JavaScript