Install Tailwind CSS v3 - CDN vs CLI vs PostCSS

Tailwind CSS released it’s major version 3.0 on December 9th. If you’re new to Tailwind or front end development, you might wonder how to install and start working with this latest version of Tailwind CSS in simple projects that don’t use any of the frameworks listed in the documentation. In this video I’ll show you three ways - via CDN, using Tailwind CLI and using PostCSS and talk about when to use what. 0:00 Introduction 1:23 Include Tailwind CSS using CDN 4:10 Official plugins using CDN 5:23 Configuration using CDN 6:40 Custom Styles using CDN 9:02 Arbitrary values using CDN 11:02 Install Tailwind CSS using CLI 14:32 Configuring template paths 15:27 Custom Styles using CLI 17:09 Start Tailwind CLI Build Process 19:27 Official Plugins using CLI 21:31 Optimise for Production (minify) using CLI 21:56 Using scripts for dev and prod 23:11 Install Tailwind using PostCSS 24:51 Configuration using PostCSS 26:31 Start Build Process using PostCSS 30:16 Install cross-env for Windows OS 30:57 Optimise for Productio
Back to Top