diff --git a/radar/2021-01-01/tailwindcss.md b/radar/2021-01-01/tailwindcss.md new file mode 100644 index 0000000..2b69c3c --- /dev/null +++ b/radar/2021-01-01/tailwindcss.md @@ -0,0 +1,23 @@ +--- +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.