How To Create Responsive Side Navigation using TailwindCSS & AlpineJs

Veröffentlicht am: 09 März 2022
auf dem Kanal: Raddy

11,252

239

I built a time tracker for freelancer — free to try: https://timentrack.com/yt

In this tutorial, we are going to create a simple, accessible and responsive navigation menu bar and side menu using TailwindCSS v3.0 and Alpine.js.
For those of you who prefer a written tutorial, you can read it here: https://bit.ly/3yHWYH4

☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyThe...

Chapters:
0:00 Introduction:
1:02 Project Setup
5:12 Header
15:57 Sidebar
25:18 Interaction + Accessibility
40:42 Ending

Credit:
Photo by LikeMeat on Unsplash
Mockuptree.com - Iphone-12-mockup-psd

Discounts:
⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: https://trk.elementor.com/26518

Recording Equipment:
◾ Microphone: https://amzn.to/3Ppp8Ok
◾ Shotgun Mic: https://amzn.to/3IVqIot
◾ Camera: https://amzn.to/3z0bxpF
◾ Lens: https://amzn.to/3Pw4s7d
◾ Lighting: https://amzn.to/3PGXvzW

Computer Gear:
◾ Keyboard: https://amzn.to/3PGXvzW
◾ Headphones: https://amzn.to/3PJl9fg
◾ Mouse: https://amzn.to/3z1TGPf

Connect with me:
◾ Website: https://www.raddy.dev
◾ Newsletter: https://www.raddy.co.uk/newsletter

#tailwindcss #alpinejs

Auf dieser Seite können Sie das Online-Video How To Create Responsive Side Navigation using TailwindCSS & AlpineJs mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Raddy 09 März 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 11,252 Mal angesehen und es wurde von 239 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

6,908