CEIT Open Course Content

Tailwind CSS

Links

  1. Tailwind CSS - main website
  2. Tailwind Play - Try Tailwind CSS using a web browser.
  3. Tailwind CSS Cheat Sheet
  4. Why Tailwind CSS? Read the top part of the Overview section of "Styling with utility classes"
  5. History: CSS Utility Classes and "Separation of Concerns" - Learn details as to how Tailwind CSS came about.
  6. Video: "Tailwind CSS V4 Crash Course 2025 | Become a Tailwind Pro in 1.5 Hours" - Get started with Tailwind CSS quickly.

Installation

Detailed here: https://tailwindcss.com/docs/installation

Sample projects

  1. Look at the Git repository projects: https://git.ceit.pdn.ac.lk/full-stack-with-java.git/tree/tailwindcss
  2. Read the README files there.