Gunnar Bittersmann: Fragen zum erstellen moderner Webseiten

Beitrag lesen

@@pl

Modern: Das Formular zum Bearbeiten liegt bereits unter der Liste. Es wird erst sichtbar gemacht, wenn ein Eintrag zum Bearbeiten angeklickt wurde.

Oder es wird erst dann mit JavaScript generiert. Wie wolltest du festzuhalten, welcher Beitrag zum Bearbeiten angeclickt wurde? Nicht auch mit JavaScript? Oder mit Radiobutton an jedem Beitrag?

Der Speichervorgang wird in 2 Prozesse aufgeteilt, ein einfaches Speichern schickt die Daten nur zum Server ohne das Formular neu zu laden. Erst der Fertig-Button schickt das Formular wieder in den Hintergrund und blendet die Liste ohne Änderung der Scrollposition ein.

Zwei Buttons – „Speichern“ und „Fertig“ – dürften die Nutzer verwirren. Weg mit dem einen!

“Design isn’t crafting a beautiful, textured button. It’s figuring out if there’s a way to get rid of the button altogether.” —Edward Tufte

Ein „Speichern“-Button reicht. Wenn man doch noch nicht fertig war, drückt man halt noch mal „Beitrag bearbeiten“ und öffnet das Formular erneut.

Und „modern“ geht noch etwas anders: „Speichern“ schickt die Daten erstmal nicht zum Server, sondern speichert sie lokal und aktualisiert die Anzeige. Wenn Verbindung zum Internet besteht, werden die Daten mit dem Server synchronisiert. Wenn nicht, passiert das später, sobald wieder Internetverbindung da ist – im Hintergrund, ohne dass sich der Nutzer darum kümmern müsste. Offline first.

LLAP 🖖

--
“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.” —Vitaly Friedman in Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
0 115

Fragen zum erstellen moderner Webseiten

Christian Wansart
  • barrierefreiheit
  • sonstiges
  1. 1
    dedlfix
    1. 0
      Christian Wansart
      1. 0
        dedlfix
        1. 0
          Christian Kruse
          1. 0
            dedlfix
            1. 0
              Christian Kruse
              1. 0
                Christian Wansart
                1. 0
                  Christian Kruse
                  1. 0
                    Christian Wansart
              2. 1
                marctrix
                1. 0
                  Christian Kruse
                  1. 0
                    marctrix
                    1. 0
                      Christian Kruse
                      1. 0
                        marctrix
                        1. 0
                          Christian Kruse
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              Christian Kruse
  2. 0
    Linuchs
    1. 0
      Christian Wansart
      1. 0
        Robert B.
        1. 0
          Christian Wansart
          1. 0
            Der Martin
            1. 1
              Gunnar Bittersmann
              1. 0
                Der Martin
    2. 0
      Gunnar Bittersmann
      1. 1
        marctrix
    3. 0
      Auge
      1. 0
        Der Martin
        1. 0
          Auge
          1. 1
            Gunnar Bittersmann
            1. 0
              Auge
              1. 0
                Der Martin
                1. 0
                  Auge
                  1. 0
                    Der Martin
                    1. 0
                      Auge
                      1. 0
                        Christian Wansart
              2. 0
                Gunnar Bittersmann
                1. 0
                  1unitedpower
    4. 0
      1unitedpower
    5. 0
      Frameworknutzer
      1. 2
        Gunnar Bittersmann
  3. 0
    Gunnar Bittersmann
    1. 0
      dedlfix
      1. 0
        Gunnar Bittersmann
        1. 0
          dedlfix
        2. 1
          Frameworknutzer
          1. 1
            marctrix
            1. 0
              Frameworknutzer
              1. 2
                Gunnar Bittersmann
              2. 3
                marctrix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    marctrix
                    1. 0
                      1unitedpower
            2. 2
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
                • menschelei
                • sonstiges
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Tabellenkalk
              2. 0
                1unitedpower
          2. 0
            Gunnar Bittersmann
    2. 0
      Christian Wansart
      1. 0
        dedlfix
        1. 0
          Christian Wansart
          1. 0
            Matthias Apsel
            1. 0
              Christian Wansart
          2. 1
            dedlfix
            1. 1
              Christian Wansart
              1. 2
                Christian Kruse
                1. 1
                  Christian Wansart
                  1. 0
                    Christian Kruse
                    1. 0
                      Christian Wansart
                2. 0
                  1unitedpower
                  1. 0
                    Christian Wansart
                    1. 1
                      Christian Kruse
                      1. 0
                        Christian Wansart
                        1. 0
                          1unitedpower
                    2. 1
                      1unitedpower
                      1. 0
                        Christian Wansart
                        1. 0
                          Christian Kruse
                          1. 0
                            Christian Wansart
              2. 0
                dedlfix
                1. 0
                  Christian Wansart
                  1. 0
                    dedlfix
                    1. 0
                      Christian Wansart
                  2. 0
                    Matthias Apsel
                    1. 0
                      Christian Kruse
                      1. 0
                        Matthias Apsel
                        1. 0
                          Christian Kruse
                          1. 0
                            Christian Wansart
                            1. 1
                              Matthias Apsel
                              1. 0
                                Christian Wansart
                            2. 0
                              Gunnar Bittersmann
                              • css
                              • performance
                      2. 0
                        dedlfix
          3. 0
            Auge
            • browser
            1. 0
              Christian Wansart
              1. 0
                Auge
      2. 0
        Gunnar Bittersmann
  4. 0
    pl
    1. 1
      Gunnar Bittersmann
      1. 0
        Der Martin
        1. 1
          Gunnar Bittersmann
      2. 0
        Christian Wansart
        1. 0
          dedlfix
          1. 0
            Christian Wansart
            1. 0
              dedlfix
              1. 0
                Christian Wansart
        2. 0
          pl
      3. 0
        MudGuard
        1. 0
          Gunnar Bittersmann
  5. 2
    Frameworknutzer
    1. 1
      marctrix
      1. 0
        marctrix
  6. -2
    pl
    1. 0
      dedlfix
      • zu diesem forum