Ich bin Marcel. Webdesigner, Motorradfahrer und ich schreibe. Das hier ist meine eigene Ecke im Netz – hier sammle ich, was mich beschäftigt: Bikelife, Webdesign und alles dazwischen.
Bootstrap-Klassen per @extend zu übernehmen ist sehr praktisch. Bläht sich die CSS-Datei aber unkomprimiert auf 27 MB auf, ist das nicht OK. Man könnte folgern, dass sich @extend und Bootstrap nicht vertragen. Das hält einer Messung nicht stand: Teuer wird es nur bei wenigen, klar benennbaren Mustern.
Bilder für Webseiten liegen oft nicht im richtigen Format vor, obwohl sie in einen Bereich mit fest vorgegebenem Seitenverhältnis passen sollen. Fehlt die Möglichkeit, sie zuzuschneiden, kann man sich mit «aspect-ratio» und «object-fit» im CSS behelfen: Der Ausschnitt sitzt, die Bilddatei bleibt unangetastet. Zugeschnitten wird also schon, aber nur optisch statt in der Datei selbst.
Eine Unterstreichung in HTML mit CSS ist mehr als ein Strich unter dem Text. Mit «text-decoration: underline» ist die Unterstreichung erreicht, doch es steckt mehr dahinter. Mit Beispielen aus dem Alltag möchte ich aufzeigen, wie sich das feiner steuern lässt und «border-bottom» unnötig werden kann.
Jeder kennt sie, man setzt sie fast voraus, und sie rückt ein Bild oder anderen Inhalt vor einem abgedunkelten Hintergrund in den Fokus – eine Lightbox. Für WordPress lässt sich so etwas mit einem Plugin lösen – oder man programmiert etwas Schlankes, das nur lädt, wenn es gebraucht wird, und sonst nicht.
Nach zwei Wochen täglichem Pendeln auf zwei Rädern zur Arbeit kann ich sagen: Es ist schön, wieder so unterwegs zu sein. Meine Heilung bessert sich weiter und die Fahrtechnik kommt auch langsam zurück.
Einen Button zum Teilen meiner Beiträge – der den Fokus ganz aufs Teilen legt, so wie es YouTube macht, das wäre doch was. Also ein modaler Dialog (Modal). Was nach einer Fingerübung aussah, wurde zum Lehrstück: Ein Modal ist ein eigenes Dokument, und sobald man das realisiert, fängt die eigentliche Arbeit erst an.