MaintainableCSS - Online-Leitfaden toc Schreiben von pflegbarem CSS-Code
Das Schreiben von CSS ist ziemlich einfach, wenn Sie die Syntax und Methoden zum Strukturieren einer Seite verstanden haben. CSS zu beherrschen, um modularen, semantischen und wiederverwendbaren Code zu erstellen, ist jedoch ein ganz anderes Thema.
Es gibt viele verschiedene Techniken, die Sie wie SMACSS oder ITCSS verwenden können. Diese Modelle zwingen Sie jedoch, eine bestimmte Richtung einzuschlagen. Stattdessen könnten Sie MaintainableCSS mögen, die eine ist Online-Führer voller Tipps und Strategien zum Schreiben von längerfristigem CSS-Code.
Der Leitfaden ist kostenlos und wird sogar auf GitHub mit dem gesamten Website-Code gehostet. Sie sollten an der Einführung lesen, in der die Grundlagen dieses Online-Leitfadens erläutert werden und warum dies für Webentwickler wichtig ist.
Diese Code-Richtlinien helfen Ihnen dabei Gewohnheiten entwickeln anstatt erzwungene Strukturen. Auf diese Weise kannst du Code richtig organisieren unabhängig davon, wie Sie tatsächlich bestimmte Selektoren schreiben (aber auch bei MaintainableCSS gibt es Vorschläge).
Abgesehen von der Code-Organisation wird diese Seite auch mehr komplexe Themen zur modernen CSS-Entwicklung. Einige dieser Themen sind:
- Modulare Entwicklung
- Geschwindigkeit & Leistung
- Umgang mit Redundanz
- Code-Konventionen
- CSS-Zustände wie Laden, Deaktivieren und Ausblenden
Die meisten Kapitel sind sehr kurz und bewegen sich schnell, sodass Sie nicht viel Zeit damit verbringen, diesen Leitfaden durchzugehen.
Schauen Sie sich das Inhaltsverzeichnis und die zwölf Kapitel in diesem Handbuch an. Die Grundlagen sind ziemlich allgemein, aber Sie lernen viele fortgeschrittene Themen wie Versionierung und JavaScript + CSS-Entwicklung.
Brandneu Entwickler, die CSS immer noch nicht verstehen, möchten dieses Handbuch möglicherweise vermeiden. Es setzt ein grundlegendes Wissensniveau voraus Spezifität, Selektoren und Eigenschaften.
Aber wenn Sie bereits wissen, wie man CSS schreibt und es einfach besser machen möchte, dann ist MaintainableCSS genau das Richtige für Sie. Es ist das kurzer und süßer Ansatz für eine saubere, modulare Frontend-Entwicklung indem Sie auf die Grundlagen zurückkommen und Code schreiben, der noch Jahre dauern wird.