Ergebnis 1 bis 8 von 8

Thema: Grid Layout ?

  1. #1
    Darry ist offline Mitglied
    registriert
    26-02-2016
    Beiträge
    32

    Grid Layout ?

    Moin.

    Ich bin jetzt auf das sogenannte Grid Layout System gestoßen.
    Im Vergleich zu herkömmlichen Systemen, wie z.B. 3-Column mit Kopf- und Fußzeile, oder ganz neuen Systemen wie Flexbox Layout scheint es ja gewisse Vorteile zu geben und eine relativ gute Kompatibilität zu haben.

    Es wird oft eine Breite von 960 px hergenommen, und auf 12 oder 16 Grids aufgeteilt.
    Warum genau 960 Pixel?
    Bei einem 1920x1080 px Bildschirm hat man dann ja noch recht große Abstände an den Seiten.

    Und könnte man nicht theoretisch auch ein Grid Layout rein mit Prozentwerten machen, mit 10 Spalten a 10 %?

    LG

  2. #2
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.297

    AW: Grid Layout ?

    Zitat Zitat von Darry Beitrag anzeigen
    Warum genau 960 Pixel?
    Das hat was mit dem Leseverhalten zu tun. Lange Textzeilen lassen sich schwerer lesen als mittellange (Da ja das Auge vom Zeilenende zum nächsten Zeilenanfang springen muß. Das wird umso schwieriger, je länger die Zeile ist.)

  3. #3
    Darry ist offline Mitglied
    registriert
    26-02-2016
    Beiträge
    32

    AW: Grid Layout ?

    Okay, das stimmt.
    Den Abstand an den Seiten finde ich aber auch nicht schön.
    Die meißten 960px Grid Layouts zentrieren das dann einfach.

    Ich könnte an den Seiten aber noch etwas anderes einbauen um sie auszufüllen und dennoch eine gute Lesbarkeit zu erreichen.

  4. #4
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.297

    AW: Grid Layout ?

    meisten, nicht meißten.

    Die meißten 960px Grid Layouts zentrieren das dann einfach.
    ist halt die sinnvollste Variante damit umzugehen.

    Ich könnte an den Seiten aber noch etwas anderes einbauen um sie auszufüllen und dennoch eine gute Lesbarkeit zu erreichen.
    die meisten Grid-Layouts kannst du ja auch über LESS/SASS ändern (mußt dann aber die CSS-Dateien dazu selbst hosten).

    Frameworks sind immer ein Kompromiss zwischen Flexibilität und Design.

  5. #5
    Darry ist offline Mitglied
    registriert
    26-02-2016
    Beiträge
    32

    AW: Grid Layout ?

    Folgendes hab ich vor:
    Die Seite soll, mit der "Deskop First" Vorgehensweise auf eine Bildschirmauflösung von 1024*768 Pixel optimiert werden (EVGA / 720p).

    Bei einem Full HD Gerät (1920x1080) soll eine Zusatzspalte angezeigt werden, damit es an den Seiten nicht zu leer wird.
    Bei kleineren Bildschirmen (Tablet/Smartphone) soll dann die Navigation als horizontales Menü oben gezeigt werden, und der Block "Aside" soll nach unten direkt über den Footer wandern.
    Nun könnte ich das 960px Grid Column Layout hernehmen und noch was für die Full HD Auflösung dazu basteln.
    Oder ich könnte ein einfaches floating 5 Column Layout nehmen

    Was würde für die Verwendung des 960 px Grid Layouts sprechen?

  6. #6
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.297

    AW: Grid Layout ?

    Was würde für die Verwendung des 960 px Grid Layouts sprechen?
    nichts. dein Wunschlayout läßt sich m.W.n. mit keinem existierenden Grid-Framework bewerkstelligen. also muß du selbst ran (CSS Media Queries sind dein Stichwort)

  7. #7
    Darry ist offline Mitglied
    registriert
    26-02-2016
    Beiträge
    32

    AW: Grid Layout ?

    Das dachte ich mir fast.
    Wenn ich es selber mache, würde auch mit den Media Queries arbeiten. 1024px Base Layout und dann mit Media Querys nach unten (Mobil) und nach oben (Full HD Bildschirm) erweitern.
    Dann aber wahrscheinlich nicht als Grid Layout sondern klassisch mit float.

  8. #8
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.297

    AW: Grid Layout ?

    auch Grid-Layouts benutzen float als Basis.

Ähnliche Themen

  1. Cern => Grid / LHC
    Von Freelancer im Forum Smalltalk
    Antworten: 24
    Letzter Beitrag: 04-07-2012, 12:37
  2. 45+ CSS Grid Layout Generators and Tutorials
    Von dkdenz im Forum Links & Tutorials mit Tipps & Tricks zu JavaScript, CSS, PHP, MySQL
    Antworten: 1
    Letzter Beitrag: 11-06-2011, 17:20
  3. table-layout >zu> css-layout: wie anfangen?
    Von jonnystark im Forum CSS und (X)HTML
    Antworten: 12
    Letzter Beitrag: 14-07-2008, 18:05
  4. JSP & JS: ActiveWidget Grid mit Daten fuellen
    Von Gumble im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 07-09-2005, 11:09
  5. [layout]S-L-E
    Von kasimir83 im Forum Site-Check
    Antworten: 29
    Letzter Beitrag: 19-08-2004, 14:58

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •