Complete Tailwind CSS Tutorial | Tailwind CSS Tutorial | Tailwind 2 Crash Course

preview_player
Показать описание
In this video, we’ll be setting up Tailwind, going over fonts, colors, alignment, background colors, gradients, images, padding, margin, grid, flexbox, hover, animations, transitions and transformation. Next to that, we’re going to dive into responsive designs, and how to customize Tailwind. At the end of the course, you’ll be learning how you can purge your Tailwind CSS file since it’s almost 5MB– Learn one of the most popular utility CSS frameworks named Tailwind for its simplicity and flexibility.

📚 New Udemy Course

📲 Let’s plan a meeting

💌 Newsletter

🔥 Resources

Want to learn more?

📋 Table of Content
00:00 - Introduction
06:06 - How to Setup Tailwind
15:49 - Fonts, Colors & Alignment
29:06 - Background Colors & Gradients
39:56 - Background Images
46:44 - Padding & Margin
55:50 - Learn Grid in Tailwind
01:05:14 - Learn Flexbox in Tailwind
01:12:71 - Hover, Animations, Transition & Transformations
01:24:50 - How to make responsive designs In Tailwind
01:32:23 - How to add custom fonts to Tailwind
01:37:11 - How to customize Tailwind classes
01:44:12 - How to purge your TailwindCSS file

#tailwind #tailwindcss #webdesign #learntailwind
  1. Code With Dary
  2. tailwind css
  3. tailwind
  4. tailwind css tutorial
  5. tailwind css tutorial for beginners
  6. tailwind course
Рекомендации по теме
Tailwind CSS Full 3:00:19

Tailwind CSS Full Course for Beginners | Complete All-in-One Tutorial | 3 Hours

Learn Tailwind CSS 4:12:18

Learn Tailwind CSS – Course for Beginners

Watching Tailwind Tutorials 0:07:56

Watching Tailwind Tutorials Is A Waste Of Time

Tailwind CSS Full 2:49:57

Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website

Learn TailwindCSS in 0:23:29

Learn TailwindCSS in 23 minutes

Tailwind CSS is 0:03:55

Tailwind CSS is the worst…

Ultimate Tailwind CSS 0:12:56

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

Tailwind in 100 0:02:21

Tailwind in 100 Seconds

Build a Restaurant 1:16:14

Build a Restaurant Website using HTML, Tailwind CSS and JavaScript

Tailwind CSS Tutorial 0:22:10

Tailwind CSS Tutorial for Beginners (2023) – What YOU need to know

Tailwind CSS Fully 4:05:15

Tailwind CSS Fully Practical Course with NETFLIX Project | Full Tailwind CSS Tutorial in 4 Hours

Complete Tailwind CSS 1:07:22

Complete Tailwind CSS Tutorial With 2 Projects | Tailwind CSS Tutorial For Beginners

Beginner Tailwind [FULL 9:19:00

Beginner Tailwind [FULL COURSE]

Master Tailwind CSS 3:47:25

Master Tailwind CSS By Building 3 Projects | Tailwind CSS Complete Course | #huxnwebdev

Build any layout 0:34:28

Build any layout with tailwind | crash course

Tailwind css is 0:04:40

Tailwind css is just crap

💥Tailwind CSS Easy 0:38:36

💥Tailwind CSS Easy Peasy Tutorial: Ultimate Web Design Secret!

How To Make 0:31:20

How To Make A Website With Tailwind CSS Step By Step Tutorial For Beginners

Tailwind CSS Full 3:32:17

Tailwind CSS Full Course for Beginners (3 HOURS) | Learn Tailwind CSS with Project in 2024

Tailwind CSS Crash 0:30:31

Tailwind CSS Crash Course

Tailwind Crash Course 1:35:39

Tailwind Crash Course | Project From Scratch

Tailwind CSS Tutorial 2:32:07

Tailwind CSS Tutorial for Beginners - Full Course

Complete Tailwind CSS 0:34:38

Complete Tailwind CSS in 30 Minutes | Tailwind Installation | Tailwind CSS Tutorial for Beginners

Tailwind CSS 3 3:09:23

Tailwind CSS 3 for Beginners to Advanced | Full Course with Project in Tamil

Комментарии
Автор

Thank you a lot!
I respect you as a software engineer.

kk-usuq
Автор

Watched untill the end, amazing tutorial. thank you very much

rustamov_vlogs
Автор

brilliant - I just learnt so many shortcuts for vs code watching this, ty :)

Jessemakesvids
Автор

Thank you Dary! Could you prepare tutorial how to create reservation/booking app in php or Laravel? It could be great to learn it with you!😀

oxeo
Автор

awesome! tutorial, please makes more and more video tutorial for us❤️

musabazwar
Автор

Well done Bro! Can you please make a tutorials on:
How to setup Laravel + React?
How to setup Laravel + Tailwind?
Can you please make a series on Graphql along and than How to use it with Laravel?
Thank you 😊

iUmerFarooq
Автор

Hello Dary, I'm watching your tutorial "TailwindCSS 2 - Learn TailwindCSS for Beginners" and have problem to rebuild my CSS, to add new class i.e. new font-familly. build-css doesn't work, I had to add it manually. How to manage this issue? Thanks for your help

draganapetrovic
Автор

how do you have all the different colors for the different elements in your code?

bvd
Автор

Amazing. You are a hero thanks so much!!!

PabloMartinezfr
Автор

I like Tailwind, but I find myself running into too many issues when doing custom styling, I will probably just opt to style my CSS as I have been doing, and just use Tailwind for business purposes...

itwebadmin
Автор

Hoe configureer je de zsh terminal zoals jij het hebt? Het ziet er zeer gelikt uit.

EmperorStorky
Автор

when i run my app.js it's not working plz help naa.

imalallawmkima
Автор

Which theme are you using in this tutorial?

iUmerFarooq
Автор

hi Dary, 15:28 in tailwind doc i onlysee tailwind -i blablabla, but you write build, then i tested is the same output and also same contents. what is that -i = install maybe?

hooyah
Автор

Using the h-full class on a <div> won't work unless the <body> class is set to h-screen. Otherwise on any browser the background will cover a height of 0 pixels.

jjmontgo
Автор

Hi ! I´m learning jS and tailwind, I dont know anything about npm or node js,
my question is: Do I have to always install npm, tailwind and postcss each time that I will create a new project?

thanks for your tutorial !

Danny-dodm