marctrix: Frage zur Gestaltung

Beitrag lesen

Hej beatovich,

Am besten sollte man bei Templates auch kein definiertes h1-h6 verwenden, sondern den Anwender entscheiden lassen, wo genau im outline das template sitzen wird.

Okay, aber dann muss der Anwender die Möglichkeit haben eine h2 Für ein Produkt zu vergeben, wenn das im hauptbereich ist, der mit z.B. Autozubehör in einer h1 überschrieben ist.

Und wenn er deine Box im Bereich Autozubehör - Folien einsetzen möchte, muss er eine h3 vergeben können.

h3 ist nun mal die dritte Ebene einer Hierarchie, die unter anderem von Google ausgewertet wird.

Entscheidend ist dann nur noch, dass innerhalb des templates eine innere Konsistenz besteht.

Entscheidend ist dann außerdem noch…

btw sag mal was zu meinem CSS Vorschlag https://forum.selfhtml.org/self/2018/aug/29/frage-zur-gestaltung/1730485#m1730485

Du machst den zweiten Schritt vor dem ersten, man beginnt mit der mobilen Ansicht, das ist einfacher und sinnvoller und das fallback für alles andere (progressive enhancement-Gedanke).

Aber das hat ja @Gunnar Bittersmann bereits geschrieben, da dachte ich, das muss nicht nich mal. 😉

Außerdem verwende keine viewport-abhängigen Größen für Schriften, sondern eine Basis-schriftgröße in em oder dem und addiere mittels calc einen vw-Wert dazu. Dann stellst du sicher, dass schrift immer ausreichend groß ist.

flexbox gibt dir die Möglichkeit, das umzusetzen, was du hier angesprochen hast, ich vermute aber, dass da nich wünsche kommen werden, wofür grid geeigneter wäre.

Aber (wurde auch schon gesagt): erst müssen wir wissen, wie das html aussehen soll.

Ich habe mich zu all den Punkten nicht geäußert, die bereits gesagt wurden. Ich abe nur an die entsprechenden postings ein Plus gesetzt…

Marc

0 116

Frage zur Gestaltung

Meowsalot
  • css
  1. 0
    Robert B.
    • html
    1. 0
      Meowsalot
      1. 0
        beatovich
        1. 0
          Meowsalot
          1. 0
            Matthias Apsel
            1. 0
              Meowsalot
          2. 0
            beatovich
        2. 0
          Meowsalot
      2. 0
        Robert B.
        1. 0
          Meowsalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Meowsalot
              1. 2
                Gunnar Bittersmann
                1. 0
                  Meowsalot
                  1. 2
                    marctrix
                    1. 0
                      Meowsalot
                      1. 0
                        Robert B.
                      2. 1
                        marctrix
                      3. 0
                        beatovich
                        1. 1
                          marctrix
                          1. 0
                            beatovich
                            1. 0

                              Jetzt mit einem realen Beispiel

                              Meowsalot
                              1. 1
                                beatovich
                                1. 0
                                  Meowsalot
                                  1. 0
                                    beatovich
                                  2. 2
                                    Robert B.
                                    • meinung
                                2. 0
                                  marctrix
                              2. 1
                                marctrix
                                1. 0
                                  beatovich
                                  1. 0
                                    marctrix
                                2. 0
                                  Meowsalot
                                  1. 2
                                    Robert B.
                                  2. 2
                                    marctrix
                                  3. 0
                                    marctrix
                            2. 1
                              Gunnar Bittersmann
                              • responsive design
                              • tools
          2. 0
            Robert B.
            1. 1
              Gunnar Bittersmann
              1. 0
                beatovich
              2. 0
                Robert B.
                1. 0
                  Gunnar Bittersmann
  2. 0
    Gunnar Bittersmann
    1. 0
      Meowsalot
      1. 0
        Gunnar Bittersmann
        1. 0
          Meowsalot
          1. 0
            marctrix
            1. 0
              Meowsalot
              1. 0
                marctrix
                1. 0
                  Meowsalot
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      • html
                      1. 0
                        Meowsalot
                        1. 2
                          Gunnar Bittersmann
                          • menschelei
                        2. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                          2. 0
                            Meowsalot
                            1. 0
                              Henry
                              1. 0
                                marctrix
                            2. 0
                              marctrix
                              • menschelei
                              1. 0
                                Meowsalot
                                1. 0
                                  marctrix
                                2. 0
                                  Gunnar Bittersmann
                      2. 1
                        marctrix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            marctrix
            2. 0
              marctrix
              • wordpress
              1. 0
                Meowsalot
          2. 0
            Gunnar Bittersmann
            • design
            1. 0
              Meowsalot
              1. 2
                Gunnar Bittersmann
              2. 0
                Robert B.
                1. 0
                  Meowsalot
                  1. 1
                    Gunnar Bittersmann
                  2. 1
                    Robert B.
                  3. 0
                    marctrix
              3. 0
                beatovich
                1. 0
                  marctrix
      2. 1
        Gunnar Bittersmann
        1. 0
          Meowsalot
          1. 0
            Gunnar Bittersmann
            1. 0
              Meowsalot
          2. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    marctrix
                    • barrierefreiheit
                    • css
                    • html
  3. 1
    marctrix
    • html
  4. 0

    Passt das jetzt besser?

    Meowsalot
    1. 1
      marctrix
    2. 0
      marctrix
      1. 0
        Meowsalot
        1. 0
          Robert B.
  5. 0

    Jetzt zufrieden?

    Meowsalot
    1. 0
      marctrix
      • html
      1. 0
        Meowsalot
        1. 2
          marctrix
          1. 0
            Meowsalot
            1. 2
              marctrix
              1. 0
                Meowsalot
                1. 0
                  marctrix
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      1. 0
                        Meowsalot
          2. 0
            Meowsalot
            1. 1
              marctrix
              1. 1
                marctrix
                • css
        2. 0
          Robert B.
          • menschelei
    2. 0
      Robert B.
      • menschelei
      • sprache
      1. 2
        beatovich
        1. 0
          Gunnar Bittersmann
          • zitat
          • zu diesem forum
          1. 1
            Gunnar Bittersmann
            1. 0
              marctrix
          2. 0
            marctrix
    3. 2
      Gunnar Bittersmann
    4. 1
      Gunnar Bittersmann
      • html
  6. 0
    marctrix