Tailwind

THIS IS A DRAFT

This text may not be complete.

title

Tailwind Training Course

author

Lukasz Sokolowski

Tailwind

Tailwind Training Materials

Copyright Notice

Copyright © 2004-2026 by NobleProg Limited All rights reserved.

This publication is protected by copyright, and permission must be obtained from the publisher prior to any prohibited reproduction, storage in a retrieval system, or transmission in any form or by any means, electronic, mechanical, photocopying, recording, or likewise.

Introduction

• Developed by engineer Adam Wathan
  • "A CSS framework for building user interfaces"
  • can be composed to build any design, directly in our markup
  • unapologetically modern
• It has all we need:
  • Responsive design, Filters, Dark mode, CSS variables, P3 colors
  • CSS grid layout, Transitions and animations, Cascade layers
  • Logical properties, Container queries, Gradients, 3D transforms
• Alternatives?
  • Bootstrap CSS (or it's clones, like ng-bootstrap)
  • vanillaframework.io

Intro Con't

• Speedy and smal
  • removes all unused CSS when building for prod
  • final CSS bundle is the smallest it could possible be (mostly less than 10kB of CSS)
• Build flexy - and no touching our CSS filo
  • very low-level, design differs between sites
• Extension - Tailwind Plus (from creators of framework)
  • collection of beautiful, fully responsive UI components
  • hundreds of ready-to-use examples, great starting point
  • Templates, UI Blocks, UI Kit