Matthias Apsel: hab da mal was gebastelt... bitte ausprobieren!

Beitrag lesen

Om nah hoo pez nyeetz, Felix Riesterer!

  • drüber nachdenken, dem ein Selfhtml-layout zu verpassen

naja, zuerst sollte man die Anordnung der vier Hauptelemente veränderbar machen. Da könnte ich mir so ein paar Grundanordnungen vorstellen, die man per Button(s) umschaltet, und dann natürlich die jeweilige "Box" mit einem Resize-Handle auch noch veränderbar macht. Da habe ich aber noch keine genaueren Vorstellungen, wie ich das technisch umsetzen möchte...

Die türkise Leiste und die runden sociallinks könnten unabhängig davon schon eingebaut werden. Ebenso <!selfhtml.fiddle /> <!selfhtml.labor />

  • Performer bitten, ein Logo anzufertigen

Wäre das nicht einer der letzten Schritte? Insbesondere dann, wenn die "Layoutumgebung" einigermaßen fertig ist?

Die Layoutumgebung ist fertig. Sie sollte sich nicht wesentlich vom Wiki oder Forum unterscheiden.

  • Anzeigeoptionen einbauen (zeige html, css, js, ergebnis)

Ja. Die Editoren sollten bei Nichtbedarf ausblendbar sein, um wieder mehr Anzeigefläche zu haben.

  • mit Mediaqueries die Zweispaltigkeit für kleine Screen aufheben

? Verstehe ich jetzt nicht. Oder willst Du nur sagen, dass das Layout sich an kleine Viewports anpassen können soll? Da möchte ich in Grenzen mitgehen: Auf einem kleinen Smartphone-Display hat ein solches Labor (ich nehme mal den dritten Vorschlag anstatt "Fiddle") kaum einen Sinn. Auf einem größeren Tablet vielleicht. Auf einem Desktop kann man das Browserfenster bei Bedarf anpassen. Und da ein Labor für die Entwicklung gedacht ist, hat es wohl auf den zwei Zuerstgenannten kaum einen echten Sinn.

Gemeint ist, dass bei schmalen Fenstern die 4 Felder untereinander sind.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Hebe und Hebelgesetz. http://www.billiger-im-urlaub.de/kreis_sw.gif
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