Gunnar Bittersmann: komplette Tabellenzeile verlinken

Beitrag lesen

@@marctrix

… oder gar für andre Anwendungsfälle nutzen (einen schönen, halbtransparenten Overlay-Effekt, der dann alles darunter liegende für Mausnutzer unerreichbar macht).

Dafür ist das ::before-Pseudoelement da, das unter dem interaktiven Element liegt.

Ja. Hoffentlich denkt jeder Nicht-Frontender immer daran, dem du so etwas an die Hand gibst…

Das tu ich nicht. Ich sage eher: Nicht-Frontender, die keinen blassen Schimmer von HTML und CSS haben, sollen ihre Finger davon lassen.

(Was auch heißt: „Frontender“ sind in dem Zusammenhang nicht diejenigen, die das im Arbeitsvertrag zu stehen haben, sondern diejenigen, die Ahnung von HTML (incl. ARIA, …) und CSS haben. Das sehen einige anders. Dann bin ich eben kein Frontender.)

Es spricht doch aber nichts dagegen, die zu verbessern (progressive enhancement) und für Mausschubser die clickbare Fläche zu vergrößern‽

Ist es besser, wenn man irgendwohin klicken kann und dann eine Aktion ausgelöst wird, obwohl man gar nicht auf den Link/Button geklickt hat, sondern ganz woanders hin?

Ein Beispiel hatte ich genannt.

Natürlich muss das im UI kenntlich gemacht werden, welche clickbare Fläche welche Aktion auslöst. Bspw. mit Hover-Effekt. Oder einen Rahmen um die Box.

(Ob man hier die ganze Tabellenzeile bei Tastatursteuerung mittels :focus-within hervorheben will, kann man nochmals überlegen.)

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 75

komplette Tabellenzeile verlinken

Meowsalot
  • html
  1. 0
    dedlfix
    1. 0
      Meowsalot
      • css
      • html
      1. 0
        dedlfix
        1. 0
          Rolf B
        2. 0
          Meowsalot
    2. 1
      Gunnar Bittersmann
      1. 0
        dedlfix
        1. 0
          Gunnar Bittersmann
          1. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    marctrix
  2. 0
    Rolf B
    1. 0
      Gunnar Bittersmann
      1. 0
        Rolf B
        1. 0
          Gunnar Bittersmann
        2. 3
          Henry
      2. 0
        beatovich
        1. 0
          JürgenB
          1. 0
            beatovich
            1. 0
              JürgenB
              1. 1
                beatovich
                1. 0
                  JürgenB
                  1. 0
                    beatovich
                    1. 3
                      JürgenB
                      1. 0
                        beatovich
          2. 0
            marctrix
        2. 1
          Gunnar Bittersmann
          1. 0
            beatovich
            1. 0
              Tabellenkalk
              1. 0
                beatovich
                1. 0
                  Tabellenkalk
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    Tabellenkalk
                  2. 0
                    Rolf B
    2. 0
      marctrix
  3. 0
    Henry
    • html
    • javascript
    • tabelle
    1. 0
      Henry
    2. 0
      marctrix
  4. 1
    Gunnar Bittersmann
    • css
    1. 0
      JürgenB
      1. 0
        Gunnar Bittersmann
        1. 1
          Gunnar Bittersmann
          • javascript
          1. 0
            Henry
            1. 0
              Gunnar Bittersmann
              1. 0
                Henry
                1. 0
                  Gunnar Bittersmann
                  1. 0

                    Warum immer Codepen?

                    Henry
                    • css
                    • editor
                    • meinung
                    1. 1
                      Rolf B
                      1. 0
                        Henry
                        1. 0
                          dedlfix
                        2. 0
                          marctrix
                      2. 1
                        Matthias Apsel
                    2. 0

                      komplette Tabellenzeile verlinken

                      Gunnar Bittersmann
                      • javascript
          2. 0
            Meowsalot
            1. 0
              marctrix
              1. 1
                Gunnar Bittersmann
                • barrierefreiheit
                • css
                • tabelle
                1. 0
                  marctrix
              2. 1
                MudGuard
                1. 0
                  marctrix
            2. 1
              Gunnar Bittersmann
              • css
              1. 0
                Meowsalot
                1. 1
                  Gunnar Bittersmann
                  • css
                  • html
                  1. 0
                    Meowsalot
                    1. 0
                      Matthias Apsel
                      • css
                      1. 0
                        Meowsalot
                      2. 0
                        Gunnar Bittersmann
                        • menschelei
                        1. 0
                          Tabellenkalk
                    2. 2
                      dedlfix
    2. 0
      Meowsalot
      1. 0
        marctrix
        1. 0
          Meowsalot
          • css
          • javascript
    3. 1
      dedlfix