Complete Tailwind CSS Tutorial - Tailwind 2 Crash Course
Offered By: Code With Dary via YouTube
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 WebOpen2Study 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 (رواق)