Sprint 4 -- CSS, JS und Bilder

Bevor ich mit der "Layout" beginnen will, muss ich noch die Ordner Struktur für die CSS, JS und Bilder definieren.

Außerdem werde ich jetzt anfangen meinen "GIT" und "Gulp" Workflow zu verifizieren.

Ein neuen Blockartikel wird dann zu einem GIT Branch, dann die MD Dateien anlegen.

Was ich schon auf der TODO Liste habe:

Arbeiten und Erfolge

Stylus und CSS

Also, die Styles funktionieren super.

Ich binde immer nur eine "main.css" ein. Damit man aber besser entwickeln kann, will ich die einzelnen Bereiche der Webseite in eigene Stylus Dateien verteilen. Diese sollten mit einem "_unterstrich" beginnen, damit sie nicht im "compile" Modus auch in den Output gelangen. Dort sollte nur das Main.css landen. Das klappt aber super. Bisher belasse ich alle Dateien im "source/css" Ordner

Bilder

Es gibt einen neuen Ordner "img". Allerdings sollten dort nur die Bilder rein, die das Layout bestimmen. Daher gibt's einen Unterordner "img/posts" in welchem dann die Bilder der einzelnen Artikel liegen. Wenn es sein muss, dann splitten wir das später noch weiter. Aber bisher ist das OK. Notiz: ich hab mal als Screenshot Tool Lightshot eingesetzt .

Daher hier mal ein Bilder Test.

Einmal als MD File

tree

einmal als <img> Tag

Linkliste mit Artikel zum Thema