Hexenprozesse
Eine Lehrerin versucht sich in der Schul-Klasse an einer wichtigen Lektion.
Sie lernen etwas über die Hexenprozesse von Salem und ihre Lehrerin erklärte ihnen, dass sie ein Spiel spielen würden.
CSS var
Variablen sind ein Teil der CSS Spezifikation und heißen CSS Custom Properties
:root {
--red: #f8312f;
}
Überall dort, wo ich wiederholend die Farbe "Rot" benötige, verwende ich diese CSS Klassen:
.red { color: var(--red); }
.bg-red { background-color: var(--red); }
.border-red { border: var(--border) var(--red); }
WTFCFH Framework
Ein Artikel auf Webkrauts.de vom 1 April 2015 stellt ein CSS Framework vor, welches sich ganz speziell an die Bedürfnissen von Kunden und Desingner richtet.
Aus die Maus mit nichtssagenden Klassennamen, WTFCFH (What The Fuck, Client From Hell) löst das so:
/* ---- Feinjustierung ---- */
.einHauchNachLinks {}
.einTuckenNachOben {}
.einWenigDunkler {}
.dasMussZweiMillimeterNachOben {}
.logoHauchTuckenIdeeSonstwohin {}
.einWenigMehrWeissraum {}
.makeMyLogoBigger {}
Und wenn es Konkreter wird, dann so:
Klasse Lisa B
WOW, klammheimlich mal eben die praktische Führerschein-Prüfung bestanden :)
CSS3 und :valid
Nun meckert der W3C CSS Validierungsdienst von wegen:
Entschuldigung! Es wurden die folgenden Fehler gefunden
- Unbekanntes Pseudoelement oder Pseudoklasse: :required
- Unbekanntes Pseudoelement oder Pseudoklasse: :valid
Momentan stehe ich echt auf dem Schlauch und finde keine valide Lösung.
HTML & CSS
HTML5 Tags!
code
q
em
strong
cite
samp
var
u
s
del
ins
span
small
abbr
sub
sup
mark
kbd
#link
Extern.
Intern.
orange
style
🄬️ fs-20
Für mein 4CMS das ich hier auf butschy.de verwende, versuche ich ein möglichst schlankes und klassenloses (classless) CSS Framework zu bauen.
Für eine Live Vorschau nutze ich ein Pen auf Codepen,