Moderne Websites mit CSS Container

Поділитися
Вставка
  • Опубліковано 27 сер 2024
  • Um Moderne Responsive Websites zu erstellen gibt es JETZT die Möglichkeit CSS Container Queries neben den normalen Media Queries zu verwenden. In diesem Video zeige ich dir wo die Unterschiede sind und wie du CSS Container Queries richtig einsetzt. Happy Coding!
    ⭐ Das könnte dich auch interessieren
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Natives CSS Nesting:
    ↪︎ • ENDLICH! Natives CSS N...
    Moderne Websites mit Web Components:
    ↪︎ • Moderne Web Entwicklun...
    📌 Über diesen Kanal und mich
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.
    Starte Jetzt!
    / @programmierenmario
    #CSS #Responsive #ProgrammierenM

КОМЕНТАРІ • 23

  • @psychedelic-chi
    @psychedelic-chi 11 місяців тому +3

    Media Container kannte ich noch nicht, gute Sache, danke für dein Video!

    • @ProgrammierenMario
      @ProgrammierenMario  11 місяців тому +1

      Dann wünsche ich dir viel Spaß damit, falls du es mal verwenden solltest ✌️

  • @GamesTechAnleitungenMitHuepper
    @GamesTechAnleitungenMitHuepper 11 місяців тому +3

    Danke mal wieder für das informative Video. 👍

  • @wolfenrico
    @wolfenrico 7 місяців тому

    Danke Dir! So bleibt man immer auf dem neuesten Stand!

  • @LeoMerkel
    @LeoMerkel 6 місяців тому +1

    Großartig erklärt, Mario. Ich fand Dich schon toll in Deinem Astro-Kurs (den ich dringend empfehle) und auch hier hast Du es wieder geschafft, komplexe Zusammenhänge einfach darzustellen. Danke dafür.

  • @leoniddomahalskyy5444
    @leoniddomahalskyy5444 11 місяців тому +2

    Ein weiteres großartiges Video! Damit bleibt man stets auf dem neuesten Stand. 👍🙂

  • @milangalusic2525
    @milangalusic2525 11 місяців тому +1

    Danke!

  • @andreask.291
    @andreask.291 11 місяців тому +2

    Herzlichen Dank für die anschauliche Erklärung zu den Container-Queries. 👍 War das zufällig natives CSS-Nesting in Minute 13:25 ??? Habe neulich mal von so was aus dieser Richtung gesehen! 🤣🤣🤣 Freue mich schon ... auf das nächste Video!

    • @ProgrammierenMario
      @ProgrammierenMario  11 місяців тому +1

      Vielen Dank fürs reinschauen ✌️
      Nein CSS Nesting ist dies nicht, CSS Blöcke werden schon immer in Media Queries zusammengefasst 👍

  • @danielpaulplanzer8611
    @danielpaulplanzer8611 11 місяців тому +3

    Wieder einmal ein cooles Video vielen Dank Mario aber jetzt habe ich doch schon mal eine Frage die ist mir zehn Franken wert woher nimmst du diese Informationen

    • @ProgrammierenMario
      @ProgrammierenMario  11 місяців тому +2

      Vielen herzlichen Dank ✌️🙂
      Ich habe die Infos z.B von hier -> developer.chrome.com/blog/whats-new-css-ui-2023/

  • @user-kx8be4tl6i
    @user-kx8be4tl6i 11 місяців тому +2

    Hallo Mario,
    wie heißt das Dark-Theme welches du aktuell verwendest?

    • @ProgrammierenMario
      @ProgrammierenMario  11 місяців тому

      Rainglow ist die Erweiterung die ich für VS Code aktuell verwende. --> marketplace.visualstudio.com/items?itemName=daylerees.rainglow
      Da gibt es ziemlich viele Themes...

  • @leere_taste_274
    @leere_taste_274 11 місяців тому +1

    Ich habe da mal eine Frage zu VS Code: Kann man selbst "Abkürzungen" definieren ? Ich meine sowas wie "!", da wird einem ja ein HTML-Gründgerüst als Vervollständigung vorgeschlagen.

    • @ProgrammierenMario
      @ProgrammierenMario  11 місяців тому

      Dieses Video könnte dir weiterhelfen -> ua-cam.com/video/GX81t3pdLDI/v-deo.html

    • @leere_taste_274
      @leere_taste_274 11 місяців тому

      @@ProgrammierenMario Danke :)

  • @NeverCodeAlone
    @NeverCodeAlone 11 місяців тому +1

    Danke, ich nutze ja Tailwind und verstehe das aber nicht so ganz mit Flex und Grid. Vielleicht kannst du dazu ja mal was machen.

    • @ProgrammierenMario
      @ProgrammierenMario  11 місяців тому +1

      Habe zu diesen Themen zwar schon ältere Tutorials, aber eigentlich könnte ich dazu mal wieder etwas machen ✌️

    • @NeverCodeAlone
      @NeverCodeAlone 11 місяців тому

      @@ProgrammierenMario können wir auch gerne zusammen machen 😎