1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Web-/Grafikdesign

CSS Layout CSS Grid + Flexbox?

  • Daniel
  • 3. März 2024 um 10:46
  • Unerledigt
  • Daniel
    4
    Daniel
    Mitglied
    Reaktionen
    3
    Punkte
    138
    Beiträge
    21
    • 3. März 2024 um 10:46
    • #1

    Sehr geehrte Damen und Herren,

    ich habe Schwierigkeiten mit CSS, insbesondere bei der Erstellung eines Layouts für eine Webanwendung bzw. auch für eine Ingame-UI. Ich frage mich, ob es ein geeigneter Ansatz wäre, das Layout mit CSS Grid und Flexboxen zu gestalten. Im Folgenden finden Sie eine grobe Skizze meiner Vorstellung. Ich bin mir bewusst, dass es viele verschiedene Herangehensweisen gibt, und würde gerne Ihre Meinung dazu hören.

    Bilder

    • Unbenannt.png
      • 40,88 kB
      • 1.152 × 849
  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 3. März 2024 um 11:01
    • #2

    Entweder Groß oder eben Flexbox.

    Ich bevorzuge mittlerweile Flexbox, da es wenn man mal drin ist um einiges vielfältiger und einfacher ist als das ganze mit Grid und erspart auch doppelte Arbeit.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 9. März 2024 um 17:25
    • #3

    Ingame UI? Was genau meinst du damit? Also vorstellen kann ich es mir schon aber mir was nie bewusst das das Layout ingame mit css gestaltet wird. Sehr interessant. Hast du dazu mehr?

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 9. März 2024 um 17:34
    • #4

    Ich tippe auf irgendein GTA RP Zeug, da kann man via FiveM oder wie das Zeug alles heißt auch eigene InGame Shops als Webseite gestalten.
    Da das ja nix anderes als ein "Browser" am Ende ist.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Blacksonny
    16
    Blacksonny
    Moderator
    Reaktionen
    138
    Punkte
    2.643
    Trophäen
    1
    Beiträge
    482
    • 10. März 2024 um 10:22
    • #5

    Ja auch die Ladescreens sind nichts anderes bei GTA RP

  • Daniel
    4
    Daniel
    Mitglied
    Reaktionen
    3
    Punkte
    138
    Beiträge
    21
    • 11. März 2024 um 20:04
    • #6
    Zitat von evarioo

    Ingame UI? Was genau meinst du damit? Also vorstellen kann ich es mir schon aber mir was nie bewusst das das Layout ingame mit css gestaltet wird. Sehr interessant. Hast du dazu mehr?

    Ja, CEF Browser wenn ich mich nicht irre.

    Chromium Embedded Framework
    Chromium Embedded Framework (CEF). A simple framework for embedding Chromium-based browsers in other applications. - Chromium Embedded Framework
    github.com
  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.059
    Beiträge
    720
    Einträge
    3
    • 26. April 2024 um 17:52
    • #7

    Okay. Ja mit sowas habe ich mich noch gar nicht beschäftigt. Das letzte mal das ich ingame was mit html gemacht habe war in der motd für die css server ???? schon locker 15 Jahre her.

    Danke für die Infos :winking_face:

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Rechtliches

Impressum

Datenschutzerklärung