Fancy Menü einfach mit CSS und JavaScript bauen. [DE/Tutorial]
Vložit
- čas přidán 4. 07. 2024
- Im heutigen Tutorial, bauen wir ein Menü einfach mit CSS und JavaScript in wenigen Minuten das jeden Beeindrucken kann!
Du brauchst einen Hoster?
🧡 bit.ly/mein-hoster (Affiliate Link)
Fragen oder Probleme? Werde Teil der Community! (Kostenlos)
📣 Discord Server: / discord
Unterstütze den Channel:
🧡 Notizen & ToDo: affiliate.notion.so/qa91a3px0ahk (Affiliate Link)
🧡 Adobe Creative Cloud: prf.hn/l/QxRnVXD (Affiliate Link)
🧡 Meine UI Design Tool: prf.hn/l/pmZdNJ9 (Affiliate Link)
🧡 Musik die ich Nutze: bit.ly/MeineHintergrundMusik (Affiliate Link)
🧡 Mein Geschäftskonto: bit.ly/MeinFreelanceKonto (Affiliate Link)
🧡 Meine Buchhaltungssoftware: bit.ly/sevDeskUnleashed (Affiliate Link)
🧡 Meine Hardware/Kamerausrüstung: amzn.to/2ccEY0l (Affiliate Link)
🧡 CZcams Mitgliedschaft: bit.ly/CZcamsSupporter (Affiliate Link)
Kapitel:
00:00 Intro
00:42 Basic Menü
03:39 Icon
06:34 Animation
15:54 Sub Navigation
Links aus dem Video:
► Live Demo: codepen.io/Unleashed-Design/p...
► VSC Theme: bit.ly/VisualStudioCodeTheme
► IDE Tutorial: • Neue Basic Web Dev IDE...
#tutorial #webdevelopment #webdesign
Meine Social Media Seiten:
► Homepage: unleashed-design.de/?...
► CZcams: bit.ly/1rPBJ9Y
► Twitter: bit.ly/1y4rMeD
► Twitch: bit.ly/29VyA7J
► Discord: / discord
Copyright by Johannes Schiel / Unleashed Design
![Beste Input Field Animation beim Löschen! Lerne JavaScript & CSS [DE/Tutorial]](http://i.ytimg.com/vi/1427upXganw/mqdefault.jpg)
![Beste Input Field Animation beim Löschen! Lerne JavaScript & CSS [DE/Tutorial]](/img/tr.png)
![SO EINFACH ?! JavaScript SVG Scroll Path mit Content Aware [DE/Tutorial]](http://i.ytimg.com/vi/wPCtNcvhA7Y/mqdefault.jpg)
![Einfacher als du denkst! Radial Slider mit JavaScript und CSS! [DE/Tutorial]](/img/n.gif)
Sieht mega aus 😀
Danke für das tolle Tutorial. Einfach super gemacht.
Danke freut mich wenn dir das Video gefallen hat :)
Vielen Dank, super Video. Das sieht ja wirklich gut aus! Eine Frage bitte: Du hast so ein schönes Syntax highlighting in deinem VSC, welches Theme nutzt du da? Danke.
@@WolframZell Ahhh...ok sieht gut aus, für HTML Text gefällt es mir allerdings nicht so gut, wirkt eher komisch finde ich, bleibe ich dann doch erstmal bei Ayu bordered ;- Aber danke für den Hinweis!
super
Würde die Höhe der Subnav mit scaleY animieren. Kleiner delay und dann die Links einfaden. Mit height ist man wieder schnell bei JS, damits dynamisch bleibt.
Wird denn auch der current active Menüpunkt berücksichtigt, wie auf der rampage Website?
Das kommt ja sehr drauf an, welche Technologie für die Website & das Routing genutzt wird.
Na, das ist gefuscht XD Der Slider muss noch die Breite des Links annehmen.
😏 'promo sm'
zu schade dass du immer scss nutzt. Für alle die das nicht wollen, sind deine Tuts sinnfrei. Ich muss Leute u.A. CSS beibringen und da kann ich nicht mit SASS-Compiler anfangen. Dennoch Danke für den Job
Hallo, danke für das Feedback. Der Grund für SCSS in den Videos ist eine Abstimmung in der Community mit einer wirklich umfangreichen Mehrheit nutzen die meisten SCSS daher wurde das als Basis der Videos genommen. Jedoch kann man die Videos meistens auch schnell in reines CSS umdenken :)