Rolf ẞ: Flexbox Grid

Beitrag lesen

Hallo Tom,

einfache Anleitung, hm. Dazu müsste ich Erfahrung damit haben. In meiner naiven Vorstellung sieht das so aus:

  1. lösche table-layoutetes HTML
  2. verabschiede dich von der Idee, dass DU das Layout pixelgenau vorgibst
  3. schreibe den Markup als HTML5 neu
  4. gib dem Browser per grid und flex ein paar Tipps, wie er deine Teile je nach Screen-Breite anordnen könnte
  5. ducke dich unter dem Geschrei der Altbrowser-Nutzer - bzw. vermeide den Go-Live bevor Du die folgenden Schritte absolviert hast
  6. such Dir eine Möglichkeit, mit Altbrowsern zu testen
  7. fummele einen Fallback-Style hin, so dass die Seite dort noch halbwegs lesbar ist.

Klingt jetzt blöd. Aber table-layoutetes HTML ist für progressive enhancement bzw. responsive layout einfach nicht geeignet.

Rolf

--
Dosen sind silbern
0 137

Flexbox Grid

Sophie
  • css
  • html
  1. 1
    Gunnar Bittersmann
    1. 0
      Sophie
      1. 0
        Gunnar Bittersmann
        1. 0
          Sophie
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
  2. 0
    at
    1. 0
      Gunnar Bittersmann
      1. 0
        at
        1. 0
          Gunnar Bittersmann
          1. 1
            at
            1. 0
              Gunnar Bittersmann
              1. 1
                at
                1. 0
                  Gunnar Bittersmann
                  1. 1
                    at
                    1. 1
                      Gunnar Bittersmann
                      1. -1
                        at
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              at
                            2. 0
                              Mitlesender Dummer
                              1. 0
                                Gunnar Bittersmann
                                1. 2
                                  Mitlesender Dummer
                                  1. 0
                                    marctrix
                                  2. 0
                                    Gunnar Bittersmann
                              2. 0
                                TS
                                1. 1
                                  Rolf ẞ
                                  1. 0
                                    TS
                                    1. 1
                                      Matthias Scharwies
                                      1. 1
                                        Mitlesender Dummer
                                        1. 0
                                          Gunnar Bittersmann
                                        2. 2

                                          Grid Layout im Wiki

                                          Matthias Scharwies
                                        3. 4

                                          Grid im Self-Wiki

                                          Matthias Scharwies
                                          • css
                                          • grid
                                          • html
                                          1. 1
                                            marctrix
                                            1. 1
                                              Gunnar Bittersmann
                                              • css
                                              • grid
                                              1. 0
                                                marctrix
                                                1. 0
                                                  marctrix
                                                  1. 1
                                                    Gunnar Bittersmann
                                                    1. 0
                                                      marctrix
                                                  2. 0
                                                    marctrix
                                                2. 0
                                                  Gunnar Bittersmann
                                                  1. 1
                                                    JürgenB
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        Gunnar Bittersmann
                                                        • html
                                                        1. 0
                                                          marctrix
                                                    2. 0
                                                      Gunnar Bittersmann
                                                  2. 0
                                                    marctrix
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        marctrix
                                                        1. 0
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            marctrix
                                                      2. 0
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          marctrix
                                                          1. 0
                                                            Gunnar Bittersmann
                                                            1. 0
                                                              marctrix
                                                              1. 0
                                                                Gunnar Bittersmann
                                                                1. 0
                                                                  marctrix
                                                                  1. 0
                                                                    Gunnar Bittersmann
                                                                    1. 0
                                                                      marctrix
                                            2. 0
                                              Matthias Scharwies
                                              1. 0
                                                Julius
                                                • browser
                                                • microsoft
                                                1. 0
                                                  Matthias Scharwies
                                                  1. 0
                                                    Auge
                                                    1. 0
                                                      Sophie
                                                      1. 0
                                                        Auge
                                              2. 0
                                                marctrix
                                                1. 0
                                                  Christian Kruse
                                                  1. 0
                                                    marctrix
                                                    1. 0
                                                      Christian Kruse
                                                  2. 0
                                                    Gunnar Bittersmann
                                                  3. 0
                                                    Gunnar Bittersmann
                                                  4. 2
                                                    MudGuard
                                                2. 0
                                                  marctrix
                                                  1. 0
                                                    Gunnar Bittersmann
                                                3. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    marctrix
                                                    1. 1
                                                      MudGuard
                                    2. 2
                                      Rolf ẞ
                                      • css
                                      • html
                                      • humor
                                      1. 0
                                        TS
                                        • css
                                        • html
                                        1. 0
                                          Rolf ẞ
                                          1. 0
                                            Tabellenkalk
                                      2. 0
                                        marctrix
                            3. 0
                              Sophie
                              1. 0
                                Julius
                          2. 0
                            at
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                at
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    at
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 1
                                        at
                                        1. 1
                                          Gunnar Bittersmann
                                          1. 0
                                            at
                                            1. 0
                                              Sophie
                            2. 0
                              marctrix
                              1. 1
                                at
                                1. 0
                                  marctrix
                                  1. 0
                                    at
                                  2. 0
                                    Gunnar Bittersmann
                                    • zu diesem forum
                                    1. 0
                                      marctrix
                                      1. 3
                                        at
                                        1. 0
                                          marctrix
                                          1. 2
                                            Christian Kruse
                                            1. 0
                                              marctrix
                                              1. 0
                                                Christian Kruse
                                                1. 1
                                                  marctrix
                                                  1. 0
                                                    Gunnar Bittersmann
                                                    1. 1
                                                      marctrix
                                                      1. 3
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          marctrix
                                                2. 0
                                                  marctrix
                                                  1. 0
                                                    at
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        at
                                                        1. 0
                                                          marctrix
                                                    2. 0
                                                      Gunnar Bittersmann
                                                      1. 1
                                                        Gunnar Bittersmann
                                                        1. 0
                                                          JürgenB
                                                          1. 0
                                                            marctrix
                                                      2. 0
                                                        at
                                                        1. 1
                                                          Gunnar Bittersmann
                2. 0
                  marctrix
                  1. 0
                    at
                    1. 0
                      marctrix
                      1. 0
                        at
                        1. 0
                          marctrix
                          1. 0
                            at
                            1. 0
                              marctrix
                              1. 2
                                Christian Kruse
                                1. 0
                                  marctrix
                                  1. 0
                                    at
                                2. 0
                                  Pronnewoppen
                                  • meinung
                                  1. 0
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Matthias Apsel
                                        • menschelei
                                      2. 1
                                        marctrix