marctrix: Gestaltung mit Flexbox

Beitrag lesen

Hej Christian,

Ich finde es seltsam und ärgerlich, dass du mir deine Fehleranalyse aufbürden willst. Das ist doch deine Aufgabe.

Er war ja auch zwischendurch am Quellcode — das Problem, das beim Einfügen der Texte auftrat, kann ich jetzt so nicht mehr nachvollziehen.

Wie dem auch sei. Jetzt noch allerhand media-queries hinzuzufügen, verringert den Aufwand ja nicht.

Ich verstehe nur nicht, warum du, @Henry , immer noch behauptest, Deine Lösung sei simple.

Mit Grid braucht man in vielen Fällen keine einzige media query und wenn, sind die Anpassngen i.d.R. schneller gemacht. Gerade wenn ich media-Queries benötige, arbeite ich gerne mit grid-area: damit kann man Namen vergeben und sich sein Layout dann als quasi-ASCII-Art in die CSS-Datei „malen“.

Extrem leicht verständlich, mal wieder: insbesondere für Anfänger!

Einziger „Vorteil“ der veralteten, umständlichen Layout-Techniken -Hacks: sie funktionieren in uralten Browsern. Ich würde zwar nicht auf die 3,5% IE11-Nutzer verzichten, aber ich finde es akzeptabel, wenn die dieselbe Darstellung bekommen, wie die Mehrheit der Nutzer, die inzwischen mit Smartphone unterwegs ist.

IE11-Nutzer sehen also die Standard-Darstellung und nicht irgendwas minderwertiges oder kaputtes. Sie bekommen halt nicht das progressive enhancement für die Besitzer halbwegs aktueller Desktop-Software.

Damit muss (und kann) man leben, wenn man alten Kram verwendet (was ich übrigens gar nicht ab kann — oft sind Leute, die so etwas einsetzen, generell update-faul und ihre Rechner sind längst Mitglied in diversen Bot-Netzen).

Aber auch ich habe manchmal Kunden, die auf der Unterstützung alter Browser bestehen. Das wird dann aus zwei Gründen teuer: erstens sind die alten Techniken aufwändiger, wie hier bereits mehrfach belegt und zweitens muss ich bei manchen Dingen schon weit hinten im Hinterstübchen kramen und den Staub von fast vergessenen Techniken pusten, bevor alles so klappt, wie gewünscht.

Egal: wer bezahlt bestimmt! Es ist das gute Recht eines Kunden, sich gegen Geld alle Wünsche erfüllen zu lassen und meinen Rat in den Wind zu schlagen.

Aber ich stelle jetzt mal eine ganz dumme Frage an @Henry : warum glaubst du, wird so etwas wie Grid eingeführt und wieso implementieren das alle Browser-Hersteller in Windeseile, wenn es eine Technik voller Nachteile im Vergleich zum status quo ist? − Glaubst du, alle außer Dir sind verblendet?

Ich habe ja auch in früheren Diskussionen mit @Gunnar Bittersmann gesagt, dass ich grid nicht überall verwenden kann, weil ich Layouts vorgegeben bekomme, die genauso wie in der PSD in alten Browsern laufen müssen.

Bei konkreten Beispielen war oft (aber nicht immer!) der Aufwand für eine zusätzliche Verwendung einer alten Technik gering.

Aber niemals habe ich bezweifelt, dass Grid besser ist. Immer habe ich mich gefreut auf den Tag, wo ich es verwenden kann. Und in meinem Arbeitsumfeld habe ich dauernd dafür geworben und endlich (!!!) kann ich es jetzt auch produktiv einsetzen!

Grid macht alles einfacher und vieles überhaupt erst möglich!

HTML und CSS werden schlanker, besser lesbar und besser wartbar.

Marc

0 93

Gestaltung mit Flexbox

Renato
  • css
  • flexbox
  1. 0
    MrMurphy1
  2. 0
    Gunnar Bittersmann
    • css
    • flexbox
    • grid
    1. -3
      Henry
      1. 1
        Gunnar Bittersmann
        1. -1
          Henry
          1. 0
            Gunnar Bittersmann
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann
                1. 0
                  Henry
                  1. 1
                    Gunnar Bittersmann
                    • css
                    • grid
                    1. 0
                      Tabellenkalk
              2. 0
                Gunnar Bittersmann
                1. -3
                  Henry
                  1. 1

                    "klassisches Tabellenlayout"

                    Regina Schaukrug
                    1. 0
                      Henry
        2. 0
          marctrix
          1. 0
            marctrix
            1. 0
              marctrix
            2. 0
              Matthias Apsel
              • css
              1. 0
                marctrix
                1. 0
                  ottogal
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      • css
                      • grid
                      1. 0
                        ottogal
                        1. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                        2. 1
                          Gunnar Bittersmann
            3. 0
              Gunnar Bittersmann
              • css
              • grid
              1. 0
                marctrix
      2. 0
        marctrix
        1. 0
          Henry
          1. 0
            marctrix
            1. 0
              MrMurphy1
            2. 0
              Henry
              1. 0
                marctrix
                1. 0
                  Henry
                  1. 0
                    marctrix
                    1. 0
                      Henry
                      1. 2
                        Christian Kruse
                        1. 0
                          Henry
                          1. 0
                            Christian Kruse
                            1. 0
                              Henry
                              1. 1
                                Christian Kruse
                                1. 0
                                  Henry
                                  1. 0
                                    Christian Kruse
                                    1. 1
                                      marctrix
                                      1. 0
                                        Henry
                                        1. 0
                                          marctrix
                                          1. 1
                                            Henry
                                            1. 0
                                              marctrix
                                              1. 1
                                                MudGuard
                                                1. 0
                                                  marctrix
                                                  1. 0
                                                    MudGuard
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      • menschelei
                                                      1. 0
                                                        MudGuard
                                                        1. 0
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            MudGuard
                                                            1. 0
                                                              Gunnar Bittersmann
                                                    2. 0
                                                      marctrix
                                2. 0
                                  marctrix
                                  • menschelei
                                  • sonstiges
                                  1. 0
                                    Christian Kruse
                                    1. 0
                                      marctrix
                                      1. 1
                                        Christian Kruse
                                        1. 0
                                          marctrix
                                    2. 0

                                      Hardware ...

                                      MudGuard
                                      1. 0
                                        Christian Kruse
                                        1. 0
                                          MudGuard
                                          1. 0
                                            Christian Kruse
                                            1. 0
                                              MudGuard
                                              1. 0
                                                Christian Kruse
                                              2. 0
                                                Gunnar Bittersmann
                                                1. 1
                                                  MudGuard
                                                  1. 0
                                                    Gunnar Bittersmann
                                                    • menschelei
                                    3. 1
                                      Matthias Apsel
                                      1. 1
                                        Christian Kruse
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Christian Kruse
                                            1. 0
                                              Matthias Apsel
                                              1. 0
                                                Christian Kruse
                                                1. 1
                                                  Matthias Apsel
                          2. 0
                            marctrix
                      2. 0
                        marctrix
                        1. 0
                          Henry
                          1. 0
                            marctrix
                            1. 0
                              Henry
                              1. 0
                                marctrix
              2. 0
                marctrix
          2. 0
            Gunnar Bittersmann
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
                  1. 1
                    Gunnar Bittersmann