Javascript classList.toggle

Event-Handler, Functions und Variablen: Einstieg in Javascript indem wir per Click CSS-Klassen hinzufügen oder entfernen.

http://code.arnoldbodeschule.de/einstieg-in-javascript/

CODE Styleguide für HTML und CSS

Tipps für das Schreiben von besseren Quellcode und gute Zusammenarbeit im Team. Vielen Dank an an Attribute-Alex, Daniel-DOM und Flexbox-Florian für die Grundlage aus unserer 12MED für den CODE HTML und CSS Styleguide.

http://code.arnoldbodeschule.de/code-styleguide-fuer-html-und-css/

CSS-Filter

Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.

http://code.arnoldbodeschule.de/css-filter/
  • blur
  • blur#2
  • brightness
  • contrast
  • drop-shadow
  • grayscale
  • hue
  • saturate
  • sepia
  • Kombi#1
  • Kombi#2
  • url(...)
  • Weiterführende Link

Zentrieren

Für jede Situation gibt es mindestens eine CSS-Methode. Mir waren besonders die Abhängigkeiten wichtig.

http://code.arnoldbodeschule.de/zentrieren/
  • margin
  • text-align
  • margin und text-align
  • left und translateX
  • flex
  • top und translateY
  • vertical-align
  • left und margin-left
  • Weiterführende Link

Maßeinheiten im CSS

Welche Maßeinheiten kann ich im CSS für Screen und Print benutzen?

http://code.arnoldbodeschule.de/masseinheiten-im-css/
  • Screen I
  • Zeit und Winkel
  • Print
  • Screen II
  • Weiterführende Links

Responsives Design

Wie passe ich mein Layout für verschiedene Ausgabegeräte mit @MEDIA an?

http://code.arnoldbodeschule.de/responsives-design/
  • REM (absolut)
  • Responsive Tabelle
  • Background Fokuspoint
  • picture
  • print
  • @FONT-FACE
  • Weiterführende Links

CODE Tubes

Mit den CODE Tubes haben wir uns bremsen müssen. Unsere Schule hat Youtube abgeschaltet weil das Internet zu lahm war. Liegt nicht an Youtube, sondern an unser 50 MBit (!!!) Leitung für ALLE. Daheim bekomme ich auch Ärger wenn unser Netz vom Youtube-Upload gebremst wird. Insofern ...

Grundlinienraster im InDesign Das Ausrichten von Zeilen sauber über das Grundlinienraster erzeugt. So sind die Zeilen auf gleicher Höhe, also Registerhaltig.

CSS Border mit den CODE Editoren In diesem Tutorial wird der Border, das ist die Kontur einer Box, mit Hilfe der Beispiel-Editoren auf CODE erklärt.