Camping_RIDER: Editorfenster: dynamische Breite vs. Vollbild-Modus

Beitrag lesen

Aloha ;)

Ja, ihr lieben SelfHTMLer - ich lebe auch noch :P

Auf Wunsch von Felix mein mündlicher Vorschlag hier nochmal schriftlich.

Zum Problem:

Bei längerem Quellcode (wie z.B. hier) wird der Quellcode in den Editorfenstern doch recht unübersichtlich, da die Editorfenster bei entsprechendem Setup (kleiner Bildschirm und/oder Standard-Layout) recht klein sind.

Die Sache wird besser, wenn man die untereinander-Ansicht wählt, da hier wenigstens die maximal mögliche Breite verwendet wird. Trotzdem ist auch hier die Höhe der Editorfenster suboptimal - vor allem, wenn man dabei noch was verstehen will.

Zwei mögliche Lösungsansatze, die ich sehe:

a) Dynamische Editorfenster

Aufwändig aber möglich - die Editorfenster mit einer Schaltfläche zum Großziehen versehen, z.B. unten rechts in der Ecke, so wie es bei einfachen Textareas möglich ist.

b) Editorfenster mit Vollbild-Modus

Per Schaltfläche an den Editorfenstern können diese in einer Art inline-Popup als Vollbild angezeigt werden - um einen Überblick zu bekommen oder komfortabel mit der kompletten verfügbaren Bildschirmgröße am Code arbeiten zu können.

Soweit, so viel von mir. <I>'s und Schelte wegen meiner allgemeinen Inaktivität nehme ich dann ab Freitag Mittag wieder entgegen, wenn ich den ersten Klausurenblock offiziell hinter mir habe :P

Grüße,

RIDER

--
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller Erreichbar meist Mittwochs ab 21 Uhr im Self-TS (ts.selfhtml.org) oder sonst - wenn online - auf dem eigenen TeamSpeak-Server (fritz.campingrider.de). # Facebook # Twitter # Steam # YouTube # Self-Wiki # ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
0 114

attraktivere Beispiele im WIki

Felix Riesterer
  • selfhtml-wiki
  1. 0
    Matthias Scharwies
  2. 0

    hab da mal was gebastelt... bitte ausprobieren!

    Felix Riesterer
    1. 0
      Auge
      1. 0
        Felix Riesterer
        1. 0
          Auge
          1. 0
            Felix Riesterer
      2. 0

        speichern-Button implementiert

        Felix Riesterer
    2. 0
      tami
      1. 0
        Felix Riesterer
    3. 0
      Christian Kruse
      1. 0
        Felix Riesterer
        1. 0
          Christian Kruse
          1. 0
            Felix Riesterer
            1. 0
              Christian Kruse
    4. 0
      Christian Kruse
      1. 0
        Felix Riesterer
        1. 0
          Christian Kruse
          1. 0
            Felix Riesterer
    5. 0
      1UnitedPower
      1. 0
        Felix Riesterer
        1. 0
          1UnitedPower
          1. 0
            Matthias Apsel
            1. 0
              1UnitedPower
              1. 0
                Matthias Apsel
                1. 1
                  Christian Kruse
                  1. 0
                    Felix Riesterer
                    1. 0
                      Christian Kruse
                      1. 1
                        Felix Riesterer
                  2. 0
                    1UnitedPower
                    1. 0
                      Christian Kruse
              2. 0
                Christian Kruse
                1. 0
                  1UnitedPower
                  1. 0
                    Matthias Apsel
          2. 0
            Felix Riesterer
            1. 0
              Matthias Apsel
            2. 0
              1UnitedPower
    6. 0
      Der-Dennis
      1. 0
        Felix Riesterer
    7. 0

      Work in progress...

      Felix Riesterer
      1. 0
        Matthias Apsel
        1. 0
          Matthias Apsel
        2. 0
          Matthias Apsel
        3. 0
          Felix Riesterer
          1. 0
            Felix Riesterer
            1. 0
              Matthias Apsel
              1. 0
                Felix Riesterer
                1. 0
                  Matthias Apsel
                2. 0
                  Matthias Apsel
                  1. 0
                    Felix Riesterer
          2. 0
            Matthias Apsel
            1. 0
              Felix Riesterer
            2. 0

              hover umgesetzt

              Felix Riesterer
    8. 0
      Felix Riesterer
      1. 0
        Matthias Apsel
        1. 0
          Felix Riesterer
          1. 0
            Matthias Apsel
          2. 0
            Tabellenkalk
            1. 0
              Felix Riesterer
              1. 0
                Matthias Apsel
                1. 0
                  Felix Riesterer
                  1. 1
                    Auge
                    1. 0
                      Felix Riesterer
                      1. 0
                        Matthias Apsel
                        1. 0
                          Felix Riesterer
                          1. 0
                            Christian Kruse
                            1. 0
                              Felix Riesterer
                          2. 0
                            Auge
                          3. 0
                            Matthias Apsel
        2. 0
          Felix Riesterer
          1. 0
            Matthias Apsel
            1. 0
              Felix Riesterer
            2. 0
              Felix Riesterer
              1. 0
                Matthias Apsel
                1. 0
                  dedlfix
                  1. 0
                    Felix Riesterer
                2. 0
                  Tabellenkalk
                  1. 0
                    Auge
  3. 0

    Liste aller Beispiele zum live testen

    Felix Riesterer
    1. 0
      Matthias Apsel
      1. 0
        Felix Riesterer
    2. 0
      Felix Riesterer
  4. 0
    Matthias Apsel
    1. 0
      Felix Riesterer
      1. 0
        Matthias Scharwies
    2. 0
      Auge
      1. 0
        Felix Riesterer
  5. 0

    UI vorläufig gertig - Kritik?

    Felix Riesterer
    1. 0
      Der-Dennis
      1. 0
        Felix Riesterer
        1. 0
          Matthias Apsel
          1. 0
            Felix Riesterer
            1. 1
              Camping_RIDER
              1. 1
                Felix Riesterer
    2. 0

      Editorfenster: dynamische Breite vs. Vollbild-Modus

      Camping_RIDER
  6. 0

    Im Test-Wiki schon implementiert!

    Felix Riesterer
    1. 0
      Camping_RIDER
    2. 3

      Jetzt auch im offiziellen Wiki implementiert!

      Felix Riesterer
      1. 0
        Auge
        1. 0
          Matthias Apsel
          1. 0
            Auge
            1. 0
              Christian Kruse
              1. 0
                Auge
                1. 0
                  Felix Riesterer
                  1. 0
                    Auge
                    1. 0
                      Felix Riesterer
                      1. 0
                        Auge
                  2. 0
                    Auge
      2. 0

        externe CSS-Dateien werden berücksichtigt

        Felix Riesterer
        1. 0
          Matthias Apsel
          1. 0
            Felix Riesterer
            1. 0
              Matthias Apsel
              1. 0
                Felix Riesterer
                1. 1
                  dedlfix