Gelegentlich liefern Browserupdates auch neue Features für CSS. Vor nicht all zu langer Zeit wurden wir z. B. mit „logical properties“ beschenkt. Während die meisten Shortcuts von emmet inzwischen Muscle Memory sind, gibt es für diese neuen Eigenschaften noch keine emmet Abkürzungen. Darum will ich hier mal kurz erklären, wie wir sie in Visual Studio Code nachliefern können.
Jahrelang habe ich gulp als Task-Runner verwendet, um all die Routineaufgaben zu erledigen, die wir vor über 10 Jahren von Hand erledigt haben. Zuerst, so um 2012 oder 2013, habe ich grunt verwendet, aber als ich das Gefühl hatte, dass es zunehmend verwaiste, bin ich zu gulp gewechselt. Inzwischen scheinen einige Teile dieses Setups auch vernachlässigt worden zu sein. Aber ich hatte dieser Tage endlich die Zeit und Gelegenheit das Problem anzugehen und Abhängigkeiten zu reduzieren.
Wenn wir ein Web-Projekt fortführen und weiterentwickeln, wollen wir nicht, dass eine Anpassung einen Dominoeffekt auslöst und irgendwo auf der Website ungewollte Layoutänderungen passieren. Es ist mühsam von Hand alle möglichen (und unmöglichen) Seiten der Website abzusuchen. Also warum nicht eine Maschine den Job machen lassen?
Was passiert mit der Website, wenn der Bildschirm richtig groß und richtig hoch aufgelöst ist? Dein Design-Team zuck mit den Achseln und der Kunde meckert über den schmalen Content-Streifen in der Whitespace Prärie?
Spar dir die Diskussion, blas' das Ding oberhalb von FullHD einfach auf – Mit superscale.css!