How To Create Responsive Side Navigation using TailwindCSS & AlpineJs

Published: 09 March 2022
on channel: 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


On this page of the site you can watch the video online How To Create Responsive Side Navigation using TailwindCSS & AlpineJs with a duration of hours minute second in good quality, which was uploaded by the user Raddy 09 March 2022, share the link with friends and acquaintances, this video has already been watched 11,252 times on youtube and it was liked by 239 viewers. Enjoy your viewing!