Gunnar Bittersmann: Flexbox Froggy – Sei kein Frosch!

🐸 Habt Ihr schon die Frösche auf ihre Seerosenblätter geflext – äh – gesetzt?

Flexbox Froggy - A game for learning CSS flexbox

“Easily the best interactive tutorial for CSS I've ever seen.” —Christopher Darroch 🐦

LLAP 🖖

--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)
  1. @@Gunnar Bittersmann

    🐸 Habt Ihr schon die Frösche auf ihre Seerosenblätter geflext – äh – gesetzt?

    Flexbox Froggy - A game for learning CSS flexbox

    Meine Lösung zu Nr. 24 hatte übrigens was von Kirks Lösung des Kobayashi-Maru-Tests. ;-)

    LLAP 🖖

    --
    „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
    „Hat auf dem Forum herumgelungert …“
    (Wachen in Asterix 36: Der Papyrus des Cäsar)
    1. Hallo,

      Meine Lösung zu Nr. 24 hatte übrigens was von Kirks Lösung des Kobayashi-Maru-Tests. ;-)

      du meinst, dass du nur 3 von den maximal 4 Zeilen benötigt hast?

      Gruß
      Kalk

      1. Hallo,

        Meine Lösung zu Nr. 24 hatte übrigens was von Kirks Lösung des Kobayashi-Maru-Tests. ;-)

        du meinst, dass du nur 3 von den maximal 4 Zeilen benötigt hast?

        aaargh, nein, ich hatte das für ein Hintergrundbild gehalten.

        Gruß
        Kalk

      2. @@Tabellenkalk

        Meine Lösung zu Nr. 24 hatte übrigens was von Kirks Lösung des Kobayashi-Maru-Tests. ;-)

        du meinst, dass du nur 3 von den maximal 4 Zeilen benötigt hast?

        Nein. Ich meinte, die Situation sei aussichtslos und hatte den Test auf den Kopf gestellt.

        LLAP 🖖

        --
        „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
        „Hat auf dem Forum herumgelungert …“
        (Wachen in Asterix 36: Der Papyrus des Cäsar)
    2. @@Gunnar Bittersmann

      Meine Lösung zu Nr. 24 hatte übrigens was von Kirks Lösung des Kobayashi-Maru-Tests. ;-)

      Wem das nichts sagt: → Memory Alpha.

      LLAP 🖖

      --
      „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
      „Hat auf dem Forum herumgelungert …“
      (Wachen in Asterix 36: Der Papyrus des Cäsar)
  2. Hallo Gunnar Bittersmann,

    🐸 Habt Ihr schon die Frösche auf ihre Seerosenblätter geflext – äh – gesetzt?

    Flexbox Froggy - A game for learning CSS flexbox

    “Easily the best interactive tutorial for CSS I've ever seen.” —Christopher Darroch 🐦

    Das verspricht gut zu werden, @Matthias Scharwies das sollten wir auch im Wiki an mehreren Stellen verlinken.

    Bis demnächst
    Matthias

    --
    Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
    1. Hej Matthias,

      Das verspricht gut zu werden, @Matthias Scharwies das sollten wir auch im Wiki an mehreren Stellen verlinken.

      Ich fände es auch gut, wenn solche Tipps im Blog veröffentlicht würden. Da tut sich so selten was...

      Marc

      1. Hallo marctrix,

        Ich fände es auch gut, wenn solche Tipps im Blog veröffentlicht würden. Da tut sich so selten was...

        Auch das. Wir suchen übrigens immer mal Autoren ;-) Wenn du magst ...

        Bis demnächst
        Matthias

        --
        Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
        1. Hej Matthias,

          Ich fände es auch gut, wenn solche Tipps im Blog veröffentlicht würden. Da tut sich so selten was...

          Auch das. Wir suchen übrigens immer mal Autoren ;-) Wenn du magst ...

          Wieso habe ich das gewusst? ;-)

          Ja, nein äh... - Kein Problem! Kann da gerne so was reinposten, wenn es hier eh schon steht und ich nur zwei drei Sätze dazu schreiben muss. Hin und wieder. Erinnern erlaubt...

          Marc

          1. Hallo marctrix,

            Wieso habe ich das gewusst? ;-)

            Tja …

            Ja, nein äh... - Kein Problem! Kann da gerne so was reinposten, wenn es hier eh schon steht und ich nur zwei drei Sätze dazu schreiben muss. Hin und wieder. Erinnern erlaubt...

            Schick mir mal ne Mail mit deiner Wunschmailadresse. Dann mach ich dich gleich zu einem Autor.

            Bis demnächst
            Matthias

            --
            Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
  3. Hi,

    🐸 Habt Ihr schon die Frösche auf ihre Seerosenblättegeflext – äh – gesetzt?

    Flexbox Froggy - A game for learning CSS flexbox

    “Easily the best interactive tutorial for CSS I've ever seen.” —Christopher Darroch 🐦

    Tolles Konzept, allerdings (noch) nicht ganz komplett? Ich vermisse flex: bzw. die 3 Eigenschaften, die dieser Shortcut vereint.

    Btw. Lösung von Level 24?? Ich bin zwar durchgekommen, musste dazu aber in die Trickkiste greifen. Es ist wahrscheinlich nicht ganz so richtig, wenn die Frösche auf dem Kopf stehen, obgleich in dem Level-Text nicht explizit gesagt wird, dass nur Flexbox-Eigenschaften benutzt werden sollen.
    Geht es denn nur mit Flexbox?

    Julien

    1. Hallo

      Geht es denn nur mit Flexbox?

      Ja.

      allerdings (noch) nicht ganz komplett

      Leider nicht mal ansatzweise. Nur ein paar Flexboxmöglichkeiten ohne Bezug zur Praxis, halt etwas anders aufgearbeitet. Eher eine nette Spielerei für zwischendurch.

      Gruss

      MrMurphy

    2. Hallo,

      Btw. Lösung von Level 24?? Ich bin zwar durchgekommen, musste dazu aber in die Trickkiste greifen. Es ist wahrscheinlich nicht ganz so richtig, wenn die Frösche auf dem Kopf stehen,

      also Gunnars Lösung.

      Geht es denn nur mit Flexbox?

      ich habs mit 3 Zeilen Flex hingekriegt, und auch nur die, die im Verlauf des Spiels vorgestellt wurden.

      Gruß
      Kalk

    3. @@Julien

      Btw. Lösung von Level 24?? Ich bin zwar durchgekommen, musste dazu aber in die Trickkiste greifen. Es ist wahrscheinlich nicht ganz so richtig, wenn die Frösche auf dem Kopf stehen

      Kobayashi Maru, sag ich doch. Weder kopfstehende noch arabisch quakende Frösche sind die Lösung.

      Geht es denn nur mit Flexbox?

      Ja. Und beim aufmerksamen Lesen solltest du auch mitbekommen haben, wie.

      LLAP 🖖

      --
      „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
      „Hat auf dem Forum herumgelungert …“
      (Wachen in Asterix 36: Der Papyrus des Cäsar)