Benennung von Dingen wird nur schwieriger

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. Es sind Kurzhand-Eigenschaften, um auszudrücken, wo ein Element auf den definierten Spalten und Zeilen eines Rasters beginnen und enden soll.

Was mich faszinierte, war die Tatsache, dass ich diese Linien benennen *kann*. Es ist keine Anforderung (man kann Zahlen verwenden), aber die Möglichkeit, Rasterlinien zu benennen, ist etwas, das wir hier tun können. Tatsächlich kann die Benennung von Linien zu raffinierten CSS-Tricks führen.

Rasterlinien sind ein weiterer Punkt auf einer langen Liste von Beispielen, bei denen Front-End-Entwickler die Macht haben, Dinge zu benennen. Klassennamen und IDs waren schon immer Dinge, die wir in CSS benennen müssen, aber betrachten wir einige der historisch jüngeren Dinge, bei denen die Benennung für das Styling wichtig ist:

• Variablen: Benennung von Werten zur Kontextualisierung, wie wiederverwendbare Farben oder numerische Werte, sei es in Präprozessoren oder neuen CSS-Variablen.
• Datenattribute: Elemente auswählen basierend auf ihren HTML-Attributen anstelle eines Klassennamens.
• Komponenten: Wie wir in React und zukünftigen CSS-Features wie Web Components sehen.
• CSS-Dateien: Organisationsmethoden wie Atomic Design haben die Bedeutung der Benennung unserer Dateien, einschließlich Präprozessor-Partials, betont.
• Media Queries: Wir wissen, dass die Benennung nach Geräten zwecklos ist, also muss auch das Sinn ergeben.

Es ist nicht so, dass die Benennung von Dingen an sich lächerlich schwierig ist. Es ist vielmehr so, dass mit der Fähigkeit, Dinge zu benennen, eine Art von Macht einhergeht. Wie das Sprichwort sagt: Mit großer Macht kommt große Verantwortung. In diesem Fall hat die Benennung Auswirkungen auf alles, von der Art und Weise, wie Code geschrieben und organisiert wird, bis hin zu seiner Gesamtleistung und Wartbarkeit. Schlecht benannte Elemente sind von Natur aus stinkend und oft ein Indikator für die Gesamtqualität des Codes. Es kann zu der Befürchtung eines wachsenden Codebestands führen.

Sagen wir einfach, ich habe mehr Zeit damit verbracht, einige CSS-Klassen zu benennen, als meine eigenen beiden Kinder zu benennen. Ich schäme mich, das zu sagen, aber es ist die Wahrheit.

Die Benennung von Rasterlinien ist nur ein weiterer Punkt in der wachsenden Kaskade von Dingen, für die wir als Front-End-Entwickler verantwortlich sind. Es ist nichts Schlechtes oder auch nur Ärgerliches, sondern nur eine weitere Erinnerung daran, wie Front-End-Entwicklung Entwicklung, Design und Architektur in einem ist.

Verwandte Lektüre

• CSS-Dinge zu benennen ist wirklich schwer
• Dinge benennen