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