YoVDO

Complete Tailwind CSS Tutorial - Tailwind 2 Crash Course

Offered By: Code With Dary via YouTube

Tags

Front-end Development Courses Web Design Courses Animation Courses Flexbox Courses Fonts Courses

Course Description

Overview

Dive into a comprehensive tutorial on Tailwind CSS, covering everything from setup to advanced customization. Learn how to work with fonts, colors, alignment, background styles, gradients, and images. Master padding, margin, grid, and flexbox layouts. Explore hover effects, animations, transitions, and transformations. Discover techniques for creating responsive designs and adding custom fonts. Gain insights on customizing Tailwind classes and optimizing your CSS file through purging. By the end of this 1 hour and 50 minute crash course, acquire the skills to leverage one of the most popular utility-first CSS frameworks for its simplicity and flexibility in web design.

Syllabus

- Introduction
- How to Setup Tailwind
- Fonts, Colors & Alignment
- Background Colors & Gradients
- Background Images
- Padding & Margin
- Learn Grid in Tailwind
- Learn Flexbox in Tailwind
- Hover, Animations, Transition & Transformations
- How to make responsive designs In Tailwind
- How to add custom fonts to Tailwind
- How to customize Tailwind classes
- How to purge your TailwindCSS file


Taught by

Code With Dary

Related Courses

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)