Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar

Uploaded By: Myvideo

Published on

3 Feb 2023

1 view

0

0 votes

0

About Share Download Add to

Learn the basics of Tailwind CSS by building a Discord-inspired navbar from scratch. Learn how to leverage utility classes to build responsive animated UI elements faster #webdev #css #tutorial 🔗 Resources Tailwind Docs Tailwind React Setup Source Code 📚 Chapters 00:00 Intro 00:54 Should you use Tailwind? 01:42 Setup 02:48 JIT Mode 03:20 Functional CSS Basics 04:06 Flexible Container 04:41 Organize UI Components 05:07 Position a Sidebar 06:58 Customize Colors 07:50 Icon Buttons 08:23 Custom Classes with Apply 09:32 Pseudo-class Variants 09:56 Animation 10:34 Groups 11:54 Dark Mode 🔥 Get More Content - Upgrade to ... #webdev #app_development #lesson #tutorial 20211019 pfaSUYaSgRo

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/YVFBeHZqSXdaRVFSNHZoY2I1T01WVmEwYStIMS93ZzA1dVp3UjZkVmVjWT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Build and Deploy an Awwwards Winning Website | , Tailwind CSS, GSAP

1 week ago

02:39:34

Build and Deploy an Awwwards Winning Website | , Tailwind CSS, GSAP

10 91%

Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind - Part 2

4 months ago

02:32:02

Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind - Part 2

18 23%

Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind - Part 1

4 months ago

03:00:05

Build a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind - Part 1

8 95%

Ultimate Tailwind CSS Tutorial Build a Discord-inspired Animated Navbar

4 months ago

00:12:55

Ultimate Tailwind CSS Tutorial Build a Discord-inspired Animated Navbar

1 46%

The ULTIMATE VS Code Setup for ReactJS (Дата оригинальной публикации: )

4 months ago

00:16:57

The ULTIMATE VS Code Setup for ReactJS (Дата оригинальной публикации: )

22 9%

PrimeVue | The Next-Gen UI Component Library | Live 2024

5 months ago

00:30:50

PrimeVue | The Next-Gen UI Component Library | Live 2024

5 79%

PrimeVue The Next-Gen UI Component Library Live 2024 (Дата оригинальной публикации: )

5 months ago

00:30:49

PrimeVue The Next-Gen UI Component Library Live 2024 (Дата оригинальной публикации: )

22 8%

Build and Deploy a Full Stack 14 Application | React, Next JS 14, TypeScript, Tailwind CSS - Part 2

6 months ago

01:41:26

Build and Deploy a Full Stack 14 Application | React, Next JS 14, TypeScript, Tailwind CSS - Part 2

43 38%

Build and Deploy a Full Stack 14 Application | React, Next JS 14, TypeScript, Tailwind CSS - Part 1

6 months ago

03:00:06

Build and Deploy a Full Stack 14 Application | React, Next JS 14, TypeScript, Tailwind CSS - Part 1

40 17%

Build and Deploy a Modern 14 Application | React, Next JS 14,TypeScript, TailwindCSS - Part 2

6 months ago

00:26:08

Build and Deploy a Modern 14 Application | React, Next JS 14,TypeScript, TailwindCSS - Part 2

25 48%

Build and Deploy a Modern 14 Application | React, Next JS 14,TypeScript, TailwindCSS - Part 1

6 months ago

03:00:01

Build and Deploy a Modern 14 Application | React, Next JS 14,TypeScript, TailwindCSS - Part 1

70 92%

BuildandDeploya ModernNext13WebsiteWithFramerMotion & Tailwind CSS

6 months ago

02:12:03

BuildandDeploya ModernNext13WebsiteWithFramerMotion & Tailwind CSS

5 65%

Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind

6 months ago

02:17:36

Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind

16 28%

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 4

6 months ago

00:25:12

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 4

13 45%

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 3

6 months ago

02:59:57

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 3

5 57%

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 2

6 months ago

03:00:00

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 2

5 64%

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 1

6 months ago

03:00:05

Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI - Part 1

4 13%

EZ Jett Domination!!! 100T Cryo Jett VOD!

11 months ago

00:15:53

EZ Jett Domination!!! 100T Cryo Jett VOD!

1 51%

7 FREE courses to learn Java

1 year ago

00:00:24

7 FREE courses to learn Java

1 54%

Swiss Design: Thomus Sliker X Ultimate Review

1 year ago

00:10:11

Swiss Design: Thomus Sliker X Ultimate Review

1 80%

Build and Deploy a Modern 13 Application | React, Next JS 13,TypeScript, TailwindCSS

1 year ago

03:26:10

Build and Deploy a Modern 13 Application | React, Next JS 13,TypeScript, TailwindCSS

1 28%

Thmus Sliker X Ultimate Gravel Bike: First Look

1 year ago

00:06:53

Thmus Sliker X Ultimate Gravel Bike: First Look

1 83%

How to create an Image Slider in CSS and JavaScript

1 year ago

00:00:18

How to create an Image Slider in CSS and JavaScript

1 38%

How To Deploy A Vue App To A VPS With Git Дата оригинальной публикации:

1 year ago

00:23:34

How To Deploy A Vue App To A VPS With Git Дата оригинальной публикации:

39 73%

0 Comments

Guest