Tailwind CSS tutorial: How to code a responsive navigation with Tailwind CSS and JavaScript

Veröffentlicht am: 18 Oktober 2021
auf dem Kanal: pmCodingTutorials
328
14

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!