Überarbeitet: benannte Linien und Rasterbereiche

[Matthias Scharwies]

Servus!

Hallo Matthias,

ich will das jetzt nicht einfach editieren weil ich mir nicht sicher bin, was das Beste ist.

Ich auch nicht!

Zum einen finde ich es unschick, die Column-Linien "outer-start/center-start/center-end/outer-end" zu benennen. Das ist inkonsequent. center-start/-end definiert eine Spalte, outer-start/-end definiert 3 Spalten. Das sollte - finde ich - semantisch benannt werden. Sowas wie "nav-start", "main-start", "main-end", "infobar-end".

Das von mir übernommene Beispiel (https://gedd.ski/post/naming-css-grid-lines/) war so aufgebaut.

Vorher hatte ich ein Beispiel im Wiki, das mit main-start, etc aufgebaut war. Problem dort war, dass eine Webseite wie das SELFHTMl-Beispiel-Layout mit ca. 7 Rasterelementen das Konzept von main-start, etc bereits sprengte.

Dann kommst Du zum anderen im Abschnitt mit mehrfach benannten Linien auch nicht in die Schwierigkeit mit zwei outer-Bereichen, von denen Du einen irrtümlich footer genannt hast. Ist die Seite tot? Oder warum sind die Füße rechts statt unten 😉 ?

body {
	display: grid;
	grid-template-columns: [outer-start]               1fr
	                       [center-start]              2fr 
	                       [center-end footer-start]   1fr [footer-end outer-end];
  	grid-template-rows: [top] 1fr 1fr 1fr [bottom];
}	

footer {
  grid-column: footer-start / footer-end;
  grid-row: 3 / bottom;
}

Ne, das ist nicht irrtümlich, sondern so gewollt. 😀

Ein footer kann auch rechts unten sein.

Von einem Frickl-Beispiel habe ich da aber Abstand genommen.

Bei der Benennung folgen die meisten, eigentlich fast alle, der Notation *-start und *-end, was auf Dauer, gerade bei 2Dimensionen verwirrt, wobei ich im horizontalen, dann doch eher *-top und *-bottom verwenden würde.

Dem Fazit kann ich so nicht folgen. Meine Formulierung wäre: Einsatzbereich für benannte Linien sind etwas für Grids mit wenigen Zeilen oder Spalten (was wäre dafür ein gutes deutsches Wort, Spur? Streifen? - die Tracks sind eigentlich ein grid-Begriff den man im englischen öfter findet).

Ja, und da hatte ich auch 2017 meine Mühe einen deutschen Begriff dafür zu finden, deshalb habe ich versucht, es ohne diesen Begriff zu erklären.

Das ist was anderes als "Webseiten mit wenigen Elementen", denn ich kann ja ein Grid als Grundstruktur haben und in den Zellen eine Masse an Elementen. Ich kann auch nur 3 Spalten haben und eine Masse an Zeilen, aber bei den Spalten Benennungen nutzen.

Ok, stimmt - da überlege ich noch einmal.

Grid ist ungeheuer umfangreich - viele Anwendungen (so auch die von mir anfangs verwendeten ASCII-Schemata) sind im Real Life imho aber doch eher unpraktisch.

Herzliche Grüße

Matthias Scharwies