24 lines
1.7 KiB
Markdown
24 lines
1.7 KiB
Markdown
---
|
|
title: "Tailwind CSS"
|
|
ring: trial
|
|
quadrant: languages-and-frameworks
|
|
|
|
---
|
|
Tailwind CSS is a framework that heavily utilizes CSS classes.
|
|
What seems to be a very different approach in the beginning, turns into a big "ah-ha-moment" during development and even more during the build step.
|
|
CSS classes are entirely generated based on a configuration file that outlines the entire design system including states, nuances, etc.
|
|
Tailwind's high flexibility results in a set of CSS classes aligned with UX/design, requiring just a fraction of code compared to a self-built solution.
|
|
Colours, sizes, spaces etc. can have meaningful names that are easy to remember and shared between developers and designers.
|
|
In turn, this results in a shared language with less explanation required.
|
|
Support for deep integration into the development and build processes ensure optimized build times with incremental rebuilds only on parts really necessary.
|
|
This obviously leads to very small build sizes with nearly 100% CSS coverage.
|
|
|
|
The deep integration and the extraordinary small build sizes were the main aspects for us to choose Tailwind CSS for resource-limited projects in the field of industry 4.0.
|
|
These projects have a huge demand on a variety of interaction forms.
|
|
|
|
Tailwind helps us to fulfil modern user expectations by reducing the complexity of sophisticated industrial processes with a multi-device approach.
|
|
|
|
This is an unspoken expectation of today's operators of industrial processes. The evolution from classic
|
|
cellular phones towards smartphones showed, there is still a huge untapped potential for usability improvements and
|
|
adaptive processes, that reduce complexity especially the industry 4.0 field.
|