css
Es gibt 27 Beiträge mit dem Schlagwort css.
Using calc to figure out optimal line-height | Hugo Giraudel
tailblocks – ready to use tailwind blocks
CSS Dig – Chrome Extension zur CSS-Analyse
Vor ein paar Tagen bin ich dann auf die Chrome Extension CSS Dig gestoßen und was soll ich sagen?! Auf den ersten Blick macht sie genau das, was ich bei CSS Stats vermisst habe. Empfehlenswert für jeden, der Chrome als primären Browser zur Webentwicklung nutzt.
BEM – Block, Element, Modifier
CSS-Refactoring
Direkt am nächsten Tag schaute ich mir den Quelltext von Erdmann & Freunde an, der ja nun auch schon ein 3/4 Jahr alt war. Damals hatte ich mich für LESS entschieden, im Laufe des Jahres aber neue Projekte immer häufiger Projekte mit SCSS umgesetzt, so dass ich gerne mal Mixin-Aufrufe und Variablen falsch schrieb, wenn ich mal wieder in einem LESS-Projekt arbeitete. Ich entschloss mich, Erdmann & Freunde auf SCSS umzubauen und erhoffte mir dadurch auch, ein paar KB Anweisungen in meiner master.css Datei zu sparen. Nichtmal für „ein Paar“ hat es gereicht. Lediglich 1 KB sparte ich durch den Wechsel von LESS auf SCSS ein.
CSS Stats
When to use @extend; when to use a mixin
@extend
gar nicht zu nutzen:
„Let me start by saying that I would generally advise never to use @extend at all.“
Die falsche Verwendung führt schnell dazu, dass sich CSS-Dateien unnötig aufblasen und ein vielfaches ihrer eigentlichen Größe erreichen. Wer aber dennoch nicht auf die durchaus praktische Funktion verzichten will, für den hat Harry 3 Tipps.
CSS Guidelines von Harry Roberts
Umso erfreuter war ich, als ich vor ein paar Tagen dank Twitter auf das Projekt CSS Guidelines hingewiesen wurde. Zu Anfang noch sehr übersichtlich, entwickelt Harry Roberts den Guide Woche für Woche kontinuierlich weiter. Da das Projekt über freiwillige Spenden finanziert wird und ich für solche Infos sonst Bücher im Wert von 10-20 Dollar kaufen würde, ist es mir nicht besonders schwer gefallen, das Projekt zu unterstützen. Und das solltet ihr auch tun. Zumindest, wenn ihr noch weitere Tipps für das effizientere Schreiben und Anwenden von CSS erfahren wollt.