From 53e17d59217c9d3d9e0aa5894cb7b5254ab9d7ad Mon Sep 17 00:00:00 2001 From: Bernhard Date: Mon, 7 Jun 2021 11:33:39 +0200 Subject: [PATCH 1/4] [Add] #28 tailwind css initial text --- radar/2021-01-01/tailwindcss.md | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 radar/2021-01-01/tailwindcss.md diff --git a/radar/2021-01-01/tailwindcss.md b/radar/2021-01-01/tailwindcss.md new file mode 100644 index 0000000..ba49b21 --- /dev/null +++ b/radar/2021-01-01/tailwindcss.md @@ -0,0 +1,24 @@ +--- +title: "Tailwind CSS" +ring: trial quadrant: languages-and-frameworks + +--- +Tailwind CSS is a utility first css framework which heavily utilizes css classes. What seems a very "different" approach +in the beginning turns into a big "ah-ha-moment" during development and even more during build step. The classes +utilized are entirely generated based on a free to edit configuration file which outlines for example the entire design +system including states, nuances and so forth. Tailwinds high flexibility results in a very ux/design aligned set of css +classes with a fraction of writing code compared to a self built solution. For example colors, sizes, spaces etc. can +have meaningful names that are easy to remember and shared between devs and designers. This of course results in a +shared language with lesser explanation required. To sum the positive experience up Tailwind CSS has furthermore a deep +integration into the dev & build processes which means, during built time it's recognized which parts are really +necessary. This obviously lead to very small build sizes with a nearly 100% css coverage. + +The deep integration and the extraordinary small build sizes were main aspects for us to choose Tailwind CSS for +resource limited industry 4.0 projects. These projects have a huge demand on a variety of interaction forms. + +Tailwind helps us fast-forward to fulfil modern user expectations by reducing complexity of sophisticated industry +processes in a multi device approach. + +This is what users can expect nowadays in industry processes as well because the evolution from e.g. a classic cellular +phone towards a smartphone has proven, there is still a huge potential for improvements towards usability and adaptivity +driven industry applications. \ No newline at end of file From 198294d664353432106b7dd0abff0478ae27adb8 Mon Sep 17 00:00:00 2001 From: Brian Hoffmann Date: Mon, 7 Jun 2021 11:42:29 +0200 Subject: [PATCH 2/4] Add missing line break --- radar/2021-01-01/tailwindcss.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/radar/2021-01-01/tailwindcss.md b/radar/2021-01-01/tailwindcss.md index ba49b21..8e69a6e 100644 --- a/radar/2021-01-01/tailwindcss.md +++ b/radar/2021-01-01/tailwindcss.md @@ -1,6 +1,7 @@ --- title: "Tailwind CSS" -ring: trial quadrant: languages-and-frameworks +ring: trial +quadrant: languages-and-frameworks --- Tailwind CSS is a utility first css framework which heavily utilizes css classes. What seems a very "different" approach @@ -21,4 +22,4 @@ processes in a multi device approach. This is what users can expect nowadays in industry processes as well because the evolution from e.g. a classic cellular phone towards a smartphone has proven, there is still a huge potential for improvements towards usability and adaptivity -driven industry applications. \ No newline at end of file +driven industry applications. From 23a159e98921ca7d8fa68cfd2e79b727f746312b Mon Sep 17 00:00:00 2001 From: Bernhard Date: Mon, 7 Jun 2021 13:24:47 +0200 Subject: [PATCH 3/4] [mod] #28 tailwind css initial text --- radar/2021-01-01/tailwindcss.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/radar/2021-01-01/tailwindcss.md b/radar/2021-01-01/tailwindcss.md index 8e69a6e..e3c367d 100644 --- a/radar/2021-01-01/tailwindcss.md +++ b/radar/2021-01-01/tailwindcss.md @@ -1,7 +1,6 @@ --- title: "Tailwind CSS" -ring: trial -quadrant: languages-and-frameworks +ring: trial quadrant: languages-and-frameworks --- Tailwind CSS is a utility first css framework which heavily utilizes css classes. What seems a very "different" approach @@ -20,6 +19,6 @@ resource limited industry 4.0 projects. These projects have a huge demand on a v Tailwind helps us fast-forward to fulfil modern user expectations by reducing complexity of sophisticated industry processes in a multi device approach. -This is what users can expect nowadays in industry processes as well because the evolution from e.g. a classic cellular -phone towards a smartphone has proven, there is still a huge potential for improvements towards usability and adaptivity -driven industry applications. +This is unexpressed expected by nowadays operators even in industry processes because the evolution from e.g. a classic +cellular phone towards a smartphone has proven, there is still a huge untapped potential for usability improvements and +adaptivity driven processes, that reduce complexity especially the industry 4.0 field. From 5b11073d06626583023298ead2a14de6d4330716 Mon Sep 17 00:00:00 2001 From: Brian Hoffmann Date: Mon, 7 Jun 2021 15:04:32 +0200 Subject: [PATCH 4/4] Simplify and increase clarity --- radar/2021-01-01/tailwindcss.md | 33 ++++++++++++++++----------------- 1 file changed, 16 insertions(+), 17 deletions(-) diff --git a/radar/2021-01-01/tailwindcss.md b/radar/2021-01-01/tailwindcss.md index e3c367d..2b69c3c 100644 --- a/radar/2021-01-01/tailwindcss.md +++ b/radar/2021-01-01/tailwindcss.md @@ -1,24 +1,23 @@ --- title: "Tailwind CSS" -ring: trial quadrant: languages-and-frameworks +ring: trial +quadrant: languages-and-frameworks --- -Tailwind CSS is a utility first css framework which heavily utilizes css classes. What seems a very "different" approach -in the beginning turns into a big "ah-ha-moment" during development and even more during build step. The classes -utilized are entirely generated based on a free to edit configuration file which outlines for example the entire design -system including states, nuances and so forth. Tailwinds high flexibility results in a very ux/design aligned set of css -classes with a fraction of writing code compared to a self built solution. For example colors, sizes, spaces etc. can -have meaningful names that are easy to remember and shared between devs and designers. This of course results in a -shared language with lesser explanation required. To sum the positive experience up Tailwind CSS has furthermore a deep -integration into the dev & build processes which means, during built time it's recognized which parts are really -necessary. This obviously lead to very small build sizes with a nearly 100% css coverage. +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 main aspects for us to choose Tailwind CSS for -resource limited industry 4.0 projects. These projects have a huge demand on a variety of interaction forms. +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 fast-forward to fulfil modern user expectations by reducing complexity of sophisticated industry -processes in a multi device approach. +Tailwind helps us to fulfil modern user expectations by reducing the complexity of sophisticated industrial processes with a multi-device approach. -This is unexpressed expected by nowadays operators even in industry processes because the evolution from e.g. a classic -cellular phone towards a smartphone has proven, there is still a huge untapped potential for usability improvements and -adaptivity driven processes, that reduce complexity especially the industry 4.0 field. +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.