ASMR Programming - Tailwind CSS Side Navigation Bar - No Talking
HTML-код
- Опубликовано: 25 июл 2024
- Hello to everyone. In this video, I coded the side navigation bar using Tailwind CSS. This is a vertical side navigation. It also has sub menus for grouping. I wrote a little javascript code for this side navigation. I hope you will like it.
🟢 Free Bootstrap Admin Dashboard Template
Download: cakeadmin.com/
💻 Monitor ViewSonic 21 Inch Full HD 1080p (My Second Screen)
amzn.to/3FFdTPJ
🟢 Join this channel to enjoy the privileges
/ @codeminton
Chapters:
00:00 Navigation bar preview
00:28 Tailwind CSS setup
01:47 Tailwind watch CSS files
02:43 Add Google Fonts
04:26 Let's start creating the menu
10:37 Coding submenus
16:56 Menu list badges
17:59 Menu footer
19:53 Javascript code that runs submenus
Playlists you might be interested in:
▶️ Only HTML, CSS and JS coding → bit.ly/3BFQDyU
▶️ Login page ui designs → bit.ly/3RvK0Eu
▶️ HTML/CSS button designs → bit.ly/3DftmER
▶️ Game coding → bit.ly/3PgGY4U Наука
Hello to everyone 🙋♀I hope you are fine. Feel free to write your comments about the video. Your opinions and suggestions are important to me. You can subscribe to support 😘😍
love it! thanks
amazing work man!
Thanks
Amazing work 🎉
Thanks bro
This is nice, I have to do this 👏
yes you should :)
Que lindo! Me deu muita inspiração👏
I'm glad to hear that
Viva! Estou começando um canal parecido, português, seria ótimo ter algum feedback 😅! Obrigado
thank you for the tutorial)
You're welcome
You are my Hero
please dont stop making videos brrooo..You the BEST....
I will continue bro. Thank you.
how did you make vscode transparent?
and keyboard sound?
What type keyboard?.
Thanks for this great effort🥰
Love the keyboard! Where did you get it at?
amazing, also how is your vscode background transparent? do you have a theme active?
with plugin
@@Codeminton is that what it’s called? Can i have the name?
@@berat2690 vscode_vibrancy
You can make any window transparent in version of windows with autohotkey
thanks for sharing, what's your vscode theme?
"workbench.colorTheme": "Bearded Theme Arc EolStorm"
"workbench.iconTheme": "eq-material-theme-icons",
all workеd
Theme vscode ?
What keyboard are you using?
How did you make transparent vs code ?
@@bytezorro Thank you :)
Any github repo for source code ? It was amazing video 🙌
I plan to share the source code later. Thank you for your understanding.
Where can I buy the keyboard in the video?
fk11 compact keyboard
Hello, what operating system are you using.
win 11
@@Codeminton
Thank you! For some reason I thought it was some kind of Linux distribution.
brother which keyboard you are using? Can you tell us?
fk11 compact keyboard
which keyboard are you using?
FK11 compact keyboard
Why does it sounds like a mechanical keyboard?
Cool, you should learn touch typing because it will increase your productivity.
god bless u xdd
Mechvibes
source code?
Source code?
I will post the codes later. Thanks for your understanding.
@@Codeminton Please post as soon as possible.
@@Codeminton hello i can't see code, pls help me
github.com/codeminton/tailwindcss-side-navigation
the lack of touch typing is seriously triggering me 😬 lol
source code?
here github.com/codeminton/tailwindcss-side-navigation