Tech Talk - Tailwind
Tailwind is a CSS framework, it works by parsing all your HTML files, JavaScript components and any other templates for class names, generating the corresponding styles, then writing them to a static CSS file.
How to install Tailwind ?
There are two ways to install it :
The whole process can be found in the Tailwind documentation.
Project created with Tailwind
✅ Why should you use Tailwind ?
- Customization
- Basic configuration with tailwind.config.js
- Colours
- Sizes
- Fonts
- ...
- Speed of development
- No need to switch between files
- Mobile first
- Responsive and easy to implement
- No need for mixins or media querries
- Integrated design system
- Thanks to the config file you can configure most of the values before the project
- Weight
- Once in production, the file weight is generally low
- Good documentation for learning
⛔ Why shouldn't you use Tailwind ?
- The HTML document can look disorganised for large projects
- Not easy to get to grips with at first, as you need to know the tailwind syntax
- Not easy to use if you don't know basic CSS
- Difficult to maintain over time
Links
