CSS? Dieses alte, langweilige Ding? Heutzutage verwendet niemand mehr einfaches CSS. Alle coolen, ich meine, professionellen Entwickler verwenden heutzutage Präprozessoren. Sie wissen schon, die Dinge, die die Einschränkungen von CSS umgehen und Ihnen zusätzliche Funktionen (wie Mixins) bieten, die bei der Skalierbarkeit und Effizienz helfen können. Ich könnte Ihnen 6 Gründe für die Verwendung eines CSS-Präprozessors zu verwenden, aber das ist ein ziemlich altes Thema.
Ich würde jetzt lieber über die besten CSS-Präprozessoren im Jahr 2021 sprechen.
1.SASS
Der eine, der einzige, der König unter den Präprozessoren. SASS ist die ausgereifteste, stabilste und leistungsstärkste Erweiterungssprache auf dem Markt, und mit mehr als 15 Jahren seit ihrer Veröffentlichung im Jahr 2006 ist das kaum zu bestreiten. SASS verfügt über eine Vielzahl von Funktionen, wie z.B. Regeln (in gewisser Weise wie Funktionen) und eingebaute Module, eine mehr als große Support-Gemeinschaft und ist sogar die Grundlage von Bootstrap, kein Wunder also, dass es im Moment am beliebtesten ist. Sass ist einfach zu installieren, einzurichten und zu erlernen, da es eine große Community und ein Support-Forum gibt.
2. WENIGER
LESS ist das Programm, das wir hier bei EMOTIONstudios verwenden, daher können wir mit Sicherheit sagen, dass es unser Favorit auf dieser Liste ist. Es ist immer noch eines der älteren Programme auf dieser Liste, da es 2009 auf den Markt kam. Es ist zuverlässig und leicht zu erlernen, da seine Syntax dem einfachen CSS sehr ähnlich ist. Wenn wir uns die Funktionalitäten ansehen, stellen wir fest, dass es die meisten der gleichen Features wie SASS hat, nur unter einem anderen Namen, einschließlich anderer Funktionen und Mixins.
3. der Griffel
Stylus wurde 2010 auf den Markt gebracht und hat eine kleinere Nutzerbasis als die beiden erstgenannten, ist aber dennoch ein großartiger Kandidat, insbesondere für diejenigen, die mit Node.js vertraut sind. Wenn Sie mit dieser Umgebung vertraut sind, ist Stylus der richtige CSS-Präprozessor für Sie. Die Vielseitigkeit von Stylus ist sein erstes und wichtigstes Merkmal: Doppelpunkte, Semikolons und Kommas sind alle optional. Außerdem benötigen Sie keine geschweiften Klammern, um Codeblöcke zu erstellen, da Stylus hierfür Einrückungen anstelle von Symbolen verwendet.
4. postCSS
PostCSS ist einer der großen Anwärter auf dieser Liste. Fast wie ein Außenseiter, ist es eine der größten und besten Alternativen zu SASS, LESS und Stylus. Einer der Hauptunterschiede bei PostCSS ist die Tatsache, dass es modular ist. Sie müssen nicht das ganze Paket nehmen (obwohl Sie das können), sondern können es anpassen, verändern und fast ein ganz neues Ressourcenpaket erstellen.
Was sind Ihre bevorzugten CSS-Präprozessoren?