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

Publicado em: 18 Outubro 2021
no canal de: 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


Nesta página do site você pode assistir ao vídeo on-line Tailwind CSS tutorial: How to code a responsive navigation with Tailwind CSS and JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário pmCodingTutorials 18 Outubro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 328 vezes e gostou 14 espectadores. Boa visualização!