10 min Arbeit die ein Cooles von einem Langweiligen Menü unterschieden! 👍 [TUTORIAL]

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 23

  • @christophermatt5925
    @christophermatt5925 2 года назад

    Richtig schönes Vanilla-JS. Tolle Erklärung!

    • @UnleashedDesign
      @UnleashedDesign  2 года назад

      Danke freut mich wenn es dir gefällt und geholfen hat :)

  • @christianachleitner9439
    @christianachleitner9439 3 года назад

    schön wieder ein beginner video zu sehen :)

  • @FlorianBinder
    @FlorianBinder 3 года назад

    Simpler, aber sehr cooler Effekt! Super Video! 👍

  • @konstantinh.9417
    @konstantinh.9417 3 года назад +4

    Hey, mir ist aufgefallen, dass die Funktion getLinkElm nur im Chrome Browser funktioniert. Würde man das
    "addToggleClass(getLinkElm($event.path()));"
    mit
    "addToggleClass(getLinkElm($event.composedPath()));" austauschen geht es auch in Firefox & anderen Browsern (im IE würde es z.B. nicht gehen)
    LG

  • @alexkuenzel
    @alexkuenzel 2 года назад +1

    Mich würde noch interessieren, wenn man dieses Menü jetzt einsetzt, dann wird ja beim klick auf einen Button eine neue Seite geladen. Was muss man jetzt noch tun, dass die Animation während dem Seitenwechsel ausgeführt wird?

  • @TobiasFeldmeth
    @TobiasFeldmeth 3 года назад

    Super Video. Vielen Dank!

  • @Toeb01
    @Toeb01 3 года назад +1

    An sich super Video, aber bei Javascript erzählst du hauptsächlich was du machst ohne zu genauer zu erklären wie der Code funktioniert. Damit wäre es perfekt.

    • @UnleashedDesign
      @UnleashedDesign  3 года назад

      Werde ich mir mal für das nächste Video mitnehmen und mehr aus dieser Richtung erklären.

  • @r4id395
    @r4id395 3 года назад

    Schönes Tutorial!
    Mich würde ein Tutorial für eine "reading progress bar" interessieren. Also ein Balken der sich am oberen Bildschirmrand je nach scroll Weite füllt.

    • @UnleashedDesign
      @UnleashedDesign  3 года назад +1

      genau sowas habe ich in der Vergangenheit schon gebaut :) musst nur unter meinen Videos Read Progress suchen sollte dann auftauchen

    • @r4id395
      @r4id395 3 года назад

      @@UnleashedDesign mh.. Das habe ich auch getan, aber leider nichts gefunden. Ist das Video noch online? Hast du einen Link?

    • @xanMH
      @xanMH 3 года назад

      Habe ich auch nicht finden können, obwohl ich ALLE Video Titel/Bilder durchgeguckt habe...

  • @paulpreu9822
    @paulpreu9822 3 года назад

    Sehr cool! Mal eine Frage, weil du auch Angular und React angesprochen hast: Würdest du eine kleine Website mit einer Seite eher mit einem Framework oder mit Native JS bauen? Bin Junior Developer und suche nach der Methode, die für so etwas am besten funktioniert 😊

    • @UnleashedDesign
      @UnleashedDesign  3 года назад +1

      kommt drauf an was dein Ziel ist, du kannst auch kleine Website mit Angular und co umsetzten. Wirklich was bringen wird es dir nicht. Erstmal richtig JavaScript lernen und dann kann man schnell zu Frameworks wechseln.

    • @paulpreu9822
      @paulpreu9822 3 года назад

      @@UnleashedDesign Danke für die Antwort!

  • @groovebird812
    @groovebird812 3 года назад

    Funktioniert leider nicht bei Codepen. Da slidet nix, zumindest nicht im Firefox.

  • @nisutec
    @nisutec 3 года назад

    Ist das eine Erweiterung die dafür sorgt das === und >= etc. zu besonderen Zeichen werden. Wenn dies eine Erweiterung ist kennt dann jemand denn Namen ?

    • @UnleashedDesign
      @UnleashedDesign  3 года назад +1

      Das ist kein Plug-In sondern eine "Schrift"-Einstellung, sofern deine aktuelle Schrift das Unterstützt kannst du einfach "editor.fontLigatures" in den Einstellungen in VSC auf true setzten

    • @nisutec
      @nisutec 3 года назад

      @@UnleashedDesign Danke für die Information

  • @wunderbarrecordings
    @wunderbarrecordings Год назад

    Zumindest funzt die Live-Demo auf Codepen nicht.