Immer wenn wir einfache oder komplexe Layouts mit CSS Grid erstellen, positionieren wir Elemente normalerweise mit Liniennummern. Grid-Layouts enthalten Grid-Linien, die automatisch mit positiven und negativen Liniennummern indiziert werden (es sei denn, wir benennen sie explizit). ...
Normalerweise hat ein Projekt eine Reihe von vordefinierten Schriftgrößen, normalerweise als Variablen, die so benannt sind, dass sie einen Anschein von Ordnung und Konsistenz aufweisen. Jedes Projekt von beträchtlicher Größe kann so etwas verwenden. Es gibt immer ...
Die Wartung eines groß angelegten CSS-Projekts ist schwierig. Im Laufe der Jahre haben wir verschiedene Ansätze zur Erleichterung des Schreibens von skalierbarem CSS beobachtet. Am Ende versuchen wir alle, die folgenden beiden Ziele zu erreichen
Es gibt ein Zitat, das Sie, wie ich wette, alle schon oft gehört haben. Sie kennen es. Das, das uns daran erinnert, wie schwer Namensgebung ist.
Lassen Sie uns über Namen sprechen...
Ich arbeitete mit CSS Grid und stieß auf die Eigenschaften grid-column und grid-row. Ich hielt einen Moment inne.
Sie sind nicht übermäßig kompliziert. Sie sind Kurzschrifteigenschaften, um auszudrücken, wo ein Element auf einem von einem Grid definierten ... beginnen und enden soll.
Snook über die Benennung einer Klasse
…Hier ist, was wichtig ist
- Wir möchten identifizieren, dass dies eine Variation unseres Buttons ist.
- Wir möchten den Zweck dieses Button-Stils angeben.
- Wir wollen vermeiden, den Code an eine bestimmte zu binden
Ein Bot, der mit Deep Learning CSS-Klassen für HTML schreibt
Ich habe ein wenig damit herumgespielt, um zu sehen, ob ich ihn zu etwas Beeindruckendem analytischem bringen konnte. Ich nahm etwas semantisches HTML und entfernte alle Klassen ...
Harry Roberts schlägt sehr minimale Stile für h1-h6 vor und verwendet dann klassenspezifische Klassennamen, um sie tatsächlich zu gestalten, unabhängig davon, um welches Element es sich handelt.
Ich könnte das unterstützen. In der Vergangenheit habe ich .h1, .h2, usw. verwendet, anstatt ...
