# Tailwind, Really why?!

**URL:** <https://forum.pinegrow.com/t/tailwind-really-why/4384>\
**Category:** Questions\
**Created:** [July 25, 2020, 7:11pm UTC](https://forum.pinegrow.com/t/tailwind-really-why/4384 "2020-07-25T19:11:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [July 25, 2020, 7:11pm UTC](https://forum.pinegrow.com/t/tailwind-really-why/4384/1 "2020-07-25T19:11:38Z")

</div>

Ok, Ive been looking into this a bit.  
Not too much.  
As, it’s bending my head in half.

ie,

> **[Tailwind CSS For Absolute Beginners - CodingTheSmartWay.com](https://codingthesmartway.com/tailwind-css-for-absolute-beginners/)**
>
> What is Tailwind CSS Tailwind is a utility-first CSS framework. In contrast to other CSS frameworks like Bootstrap or Materialize CSS it doesn’t come with predefined components. Instead Tailwind CSS operates on a lower level and provides you with a...

I mean, WHY!\>?

Really, as a non pro, web tinkerer, this really really looks like a lot of stuff I really dont want to have to do, post css, build tools… installing NPM on someone elses computer Im currently using…lots of Config files,

… to end up with a pile of ,what looks like … inline classes!

I am struggling to find the real overall advantage of this malarky, over,  
for instance… inline styles  
Your own styles  
I could go on.

It just looks way too complex (not complicated)  
for simple web pages  
and

…simple styling.

Could someone show me some _whizz bang wow_ of using this as frankly Im underwhelmed.  
Its awesome that PG has new tools, but I think this one might be superflous to my requirements.  
I cant even figure out HOW to use it in Pinegrow…

on our PG website, with regards Tailwind, under the heading

_its Your workflow_

we have

**Tailwind Visual Editor works with your existing web projects and integrates into your workflow. Tailwind Visual Editor opens and saves standard HTML files. It makes no assumptions about your build process, so you can use it CDN, PostCSS, Gulp, Webpack and so on.**

whcih sounds kind of promising, and I know PG uses Node… but… do I have to install NPM?  
As I cant on this machine right now.

And this one

> **[How to Quickly Install Tailwind CSS](https://medium.com/html-all-the-things/how-to-quickly-install-tailwind-css-b4dc5431385a)**
>
> Get up and running with all available features

under method 1, install from cdn then says

**Unfortunately going down this route will lock you out of a bunch of functionality that you may want to familiarize yourself with including:**

- Unable to customize the default theme
- Unable to install third-party plugins
- Unable to use directives
- Unable to enable features (ie group-hover)

so, yeah…  
How, what is actually required, WHY\>?.. it just seems a convoluted way to end up adding a tonne of writing/utility classes…  
Im bemused.  
I dont quite get the whole thing.

Thanks if anyone takes the time to help out with this or point out some decent explanatory resources.  
cheers/

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [July 25, 2020, 8:00pm UTC](https://forum.pinegrow.com/t/tailwind-really-why/4384/2 "2020-07-25T20:00:38Z")

</div>

i’m not going to dive into it, because it doesn’t seem like something i would need.

the traditional separation of markup and style, is fine with me. even frameworks like bulma are too limiting even with their modest footprint compared to something like boostrap.

i’ve not really tried applying my “style library” to any other projects yet… but if i do, i expect i’ll still change some things and all that can get messy in a corporate or team environment.

atomic was another one of these “pre-built” architectures that seemed like over thinking it for what i was doing.

> **[Atomic CSS-in-JS vs utility-first frameworks - LogRocket Blog](https://blog.logrocket.com/atomic-css-in-js-vs-utility-first-frameworks/)**
>
> In this article, we'll take a look at atomic CSS-in-JS libraries and utility-first CSS frameworks, how they compare to each other, and their shortcomings.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [July 25, 2020, 8:09pm UTC](https://forum.pinegrow.com/t/tailwind-really-why/4384/3 "2020-07-25T20:09:41Z")

</div>

Ah ok cheers, Yes Im currently looking at

> **[In Defense of Utility-First CSS - Sarah Dayan at dotCSS 2019](https://www.dotconferences.com/2019/12/sarah-dayan-in-defense-of-utility-first-css)**
>
> Writing CSS that scales is hard, even when you're great at it. It often starts well, but soon, unforeseen requests start coming in, the layout is being moved around, and you have to undo most of what you've done. Soon, you realize that your...

ive found the Tailwind devs original proposal of this concept here

> **[CSS Utility Classes and "Separation of Concerns"](https://adamwathan.me/css-utility-classes-and-separation-of-concerns/)**
>
> Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS."
> 
> In this post I explain how I got to this point and share some of the lessons and insights I've...

and checking out

> **[What are your thoughts on Tailwind CSS?](https://dev.to/nickytonline/what-are-your-thoughts-on-tailwind-css-573m)**
>
> Photo by Mahkeo on Unsplash I'm curious what people's thoughts are on Tailwind CSS. I'm a big fan of...

…and as usual,  
this means I am spending far longer browsing about and tinkering with tech that is supposed to enable the creativity…which I have no time to do because I am tinkering with tech and… rinse and repeat…

mmmm, just wondering how to even use this in Pinegrow.

I create a new project,  
I select a tailwind file  
I check the library, I see no tailwind things, only plain html  
I just had simple div and image,  
I check class styles… it says none are defined and only work when a tailwind project is loaded… mmm

yes, tailwind is activated.  
Cheers Devs 🙂 \<3

ah.... bg-yellow-500

I may be onto something…
