Bubble Wrap Loses Its Pop
Ja, ich konnte es auch kaum glauben.
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:
Flexbox Bilder
Bilder mit Bildunterschrift nebeneinander positionieren und das Responsive ?
HTML-Logo
JS-Logo
CSS-Logo
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
pre Zeilenumbruch
Durch die Kombination von CSS white-space und word-wrap gibt es auch innerhalb eines pre-Tags einen Zeilenumbruch.