Responsive TAILWIND Navigation Bar Tutorial | HTML Tailwind JavaScript

Опубликовано: 09 Ноябрь 2024
на канале: Qixotl LFC

2,466

A tutorial on how to create a responsive nav-bar in Tailwind. The likes of which are based on a very famous tutorial which can be found here: • Responsive Navigation Bar Tutorial | ... . Except that the nav-bar in this tutorial will be created in Tailwind, as opposed to vanilla CSS which was what was used in that tutorial.

To create this, we will learn how to install Tailwind properly with NPM, work with Tailwind’s configuration file to use custom fonts in Tailwind, use transitions and media queries in Tailwind to take our website design to the next level and how to work with Tailwind in JavaScript to trigger animations on the triggering of an event.

LINKS:
👉How ‘Array.prototype.slice.call(arguments)’ works: https://stackoverflow.com/questions/7...
👉Poppins font on Google Fonts: https://fonts.google.com/specimen/Pop...

--

Follow me on:
❤️GitHub: https://github.com/lfcourtney
❤️Portfolio: https://luke-courtneys-portfolio-sing...

#Tailwind#tailwindcss#css#design#websitedesign#webdev#websitetutorial#responsivedesign#computerscience