In this tutorial I am showing you how to code a simple responsive navigation with only TailwindCSS and JavaScript. If you are used to writing external CSS or SCSS, you might initially find it a bit challenging to create a responsive navigation with Tailwind CSS - at least I did. So, I thought I can show you an example.
I am using a Tailwind CSS CDN in this tutorial.
The link to it is:
https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css
Tailwind CSS documentation:
https://tailwindcss.com/docs
Here you can find all the utility classes that come out of the box and what each one does.
Source Code for this tutorial can be found on my CodePen:
https://codepen.io/patriciamolnar/pen...
Other frontend web development tutorials you might be interested in:
1) Tailwind CSS Tutorial - Build a website using HTML and Tailwind CSS
• Tailwind CSS Tutorial - Build a website us...
2) Build a responsive and accessible navigation with HTML, CSS and JavaScript (Playlist)
• How to code a responsive navigation menu w...
3) CSS Animations & Transitions (playlist):
• CSS Text Animation with Variable Fonts - V...
For regular web development tutorials subscribe:
/ channel
Connect with me on social media:
Twitter: / pmcoding
Instagram: / pmcoding
CodePen: https://codepen.io/patriciamolnar
My website: https://pmcoding.co.uk
Any questions, email me at info@pmcoding.co.uk
Sur cette page du site, vous pouvez voir la vidéo en ligne Tailwind CSS tutorial: How to code a responsive navigation with Tailwind CSS and JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur pmCodingTutorials 18 octobre 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 328 fois et il a aimé 14 téléspectateurs. Bon visionnage!