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
Auf dieser Seite können Sie das Online-Video Tailwind CSS tutorial: How to code a responsive navigation with Tailwind CSS and JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer pmCodingTutorials 18 Oktober 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 328 Mal angesehen und es wurde von 14 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!