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

Channel:
Netherlands Code With Dary
Subscribers:
64,200
Published on ● Video Link: https://www.youtube.com/watch?v=00KUv5R_yX0


Category:
Tutorial
Duration: 1:50:13
10,734 views
318

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
If you're looking to level up your Laravel skills, my new course "Udemy Migirations, Seeders, Factories, Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: https://www.udemy.com/course/mastering-laravel-10-query-builder-eloquent-relationships/?referralCode=C784C3DB5B8925207FCB

📲 Let’s plan a meeting
Plan a (paid) 1-hour meeting on Calendly to do portfolio reviews, code reviews resume reviews or a coaching session for Laravel. Please read the description before booking: https://calendly.com/codewithdary

💌 Newsletter
Sign up for my free weekly email newsletter: https://www.newsletter.codewithdary.com

🔥 Resources
- PHP Hosting (10% DISCOUNT): https://www.hostinger.com/codewithdary
- TikTok: https://www.tiktok.com/@codewithdary
- Instagram: https://www.instagram.com/codewithdary/
- Twitter: https://twitter.com/codewithdary
- Blog: https://blog.codewithdary.com/
- Newsletter: https://newsletter.codewithdary.com/
- Patreon: https://www.patreon.com/user?u=30307830
- GitHub: https://github.com/codewithdary

Want to learn more?
- Courses: https://www.youtube.com/channel/UCkzGZ6ECGCBh0WK9bVUprtw/playlists

📋 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



Other Videos By Code With Dary


2021-09-06Testing in Laravel | How to Write Tests With Laravel | Laravel 8 Testing Tutorial
2021-08-23How to Search Text Using Laravel 8 | Full-Text Search Laravel | How to Use Laravel Scout
2021-08-16How to Host a Laravel Project On Cloudways | Laravel Host On Cloud
2021-08-0912 Must Know Collection Methods In Laravel | How to Use Collections in Laravel
2021-08-02How to Create Custom Artisan Commands in Laravel 8
2021-07-30Scheduler in Laravel 8 | What is The Scheduler in Laravel? | Laravel Scheduler Explained
2021-07-26How To Use Broadcasting In Laravel | What is Broadcasting in Laravel?
2021-07-19Events In Laravel | How To Use Events | Listeners In Laravel | How to add Newsletters
2021-07-12How To Use Queues In Laravel | Introduction To Queues | How To Use Queues
2021-07-07How to Create A Currency Converter & Deploy It On Cloudways | Using Laravel 8 | Deployment Cloudways
2021-07-01Complete Tailwind CSS Tutorial | Tailwind CSS Tutorial | Tailwind 2 Crash Course
2021-06-28How To Purge Your Tailwind File | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-25How To Customize Tailwind Classes | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-23How To Add Custom Fonts | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-21How To Make Responsive Designs | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-18Hover, Transitions, Animations & Transformations | Tailwind CSS Tutorial | Learn Tailwind 2 CSS
2021-06-16Learn Flexbox In 8 Minutes | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-14Learn Grid In Tailwind CSS | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-11Padding & Margin In Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-09Background Images Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-07Background Colors & Gradients In Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial


Tags:
tailwind css
tailwind
tailwind css tutorial
tailwind css tutorial for beginners
tailwind course
how to use tailwind smart loop
tailwind css crash course
how to make design in tailwind
how to setup tailwind
tailwind tutorial youtube
how to use tailwindcss
where to use tailwind css
how to use tailwind in website
install tailwind css
tailwind vs bootstrap vs material
tailwind vs bootstrap 5
tailwind css website
tailwind tutorial 2021
tailwind tutorial css