4 ms·

Except for 2, I think these points could similarly advocate for just using the `style` attribute. Even then, `1em` is a pretty good "default" for "I just want p

Except for 2, I think these points could similarly advocate for just using the `style` attribute. Even then, `1em` is a pretty good "default" for "I just want padding" in vanilla CSS.

jen729w 4y ago
Or SCSS variables. Which is what I’ve gone back to after a brief love affair with Tailwind. Not bashing Tailwind. It’s amazing. But I found myself making thatsamefuckingwebsite.com again and god damn if I didn’t want something to look different. And as soon as you’re writing your own CSS, you might as well just write your own CSS. Like literally the first time you write your own particularly uniquely styled component and have to mash your own classes in with Tailwind’s you think, hang on, why don’t I just… Edit: like this site. Just found it via elsewhere. https://www.usebubbles.com/ https://www.usebubbles.com/ First thought: justanotherfuckingtailwindwebsite.com
- throwaway26920 4y ago
  You can change Tailwind configuration. For example, it's entirely possible to design 1:1 iOS-like UI using Tailwind with custom style config. The default style is overused, but it's cool to have a pretty base for small projects that don't have their own corporate identity yet.
  - agloe_dreams 4y ago
    I would argue that the tailwind.config is actually the single most important feature tailwind has. Making the framework your own and being locked to your style guide is fantastic.
    - throwaway26920 4y ago
      Yes, fully agreed. I saw someone call it "the API for your design system".
sbergot 4y ago
inline css does not allow for pseudo selectors like "hover:". It does not allow media queries either. Browser are also slower to process them. So there are a few good reasons to use tailwind appart from standardization of spacing and colors.
rcme 4y ago
Tailwind is similar to using the style attribute directly, but it’s got a less verbose syntax and it buckets the possible style values for a more consistent result.
agloe_dreams 4y ago
I’m our use, we have a hardcore design system that our designers use to build designs. Our Tailwind config is exactly set to the values in that design system. This takes the padding values from being any value to only sizing valid in the design system, generally p-1 or p-2 for anything smaller. This lock-in really helps make things consistent.
desmond1303 4y ago
The real benefit of TW comes from the configuration. You never need to put actual values into your class names like you would with inline styles. For example, let's say you have a specific background color. You define it in the TW configuration, and TW generates a specific class for that color. So, instead of doing `style: background-color: "#123456"` a thousand times, you do `class="bg-my-color"`, and if you want to change what `bg-color` is you just change it in one place.
- pupppet 4y ago
  That’s just CSS variables, you don’t need Tailwind for that.

Except for 2, I think these points could similarly advocate for just using the `style` attribute. Even then, `1em` is a pretty good "default" for "I just want padding" in vanilla CSS.

jen729w 4y ago

Or SCSS variables. Which is what I’ve gone back to after a brief love affair with Tailwind. Not bashing Tailwind. It’s amazing. But I found myself making thatsamefuckingwebsite.com again and god damn if I didn’t want something to look different. And as soon as you’re writing your own CSS, you might as well just write your own CSS. Like literally the first time you write your own particularly uniquely styled component and have to mash your own classes in with Tailwind’s you think, hang on, why don’t I just… Edit: like this site. Just found it via elsewhere. https://www.usebubbles.com/ https://www.usebubbles.com/ First thought: justanotherfuckingtailwindwebsite.com

throwaway26920 4y ago
You can change Tailwind configuration. For example, it's entirely possible to design 1:1 iOS-like UI using Tailwind with custom style config. The default style is overused, but it's cool to have a pretty base for small projects that don't have their own corporate identity yet.
- agloe_dreams 4y ago
  I would argue that the tailwind.config is actually the single most important feature tailwind has. Making the framework your own and being locked to your style guide is fantastic.
  - throwaway26920 4y ago
    Yes, fully agreed. I saw someone call it "the API for your design system".

sbergot 4y ago

inline css does not allow for pseudo selectors like "hover:". It does not allow media queries either. Browser are also slower to process them. So there are a few good reasons to use tailwind appart from standardization of spacing and colors.

rcme 4y ago

Tailwind is similar to using the style attribute directly, but it’s got a less verbose syntax and it buckets the possible style values for a more consistent result.

agloe_dreams 4y ago

I’m our use, we have a hardcore design system that our designers use to build designs. Our Tailwind config is exactly set to the values in that design system. This takes the padding values from being any value to only sizing valid in the design system, generally p-1 or p-2 for anything smaller. This lock-in really helps make things consistent.

desmond1303 4y ago

The real benefit of TW comes from the configuration. You never need to put actual values into your class names like you would with inline styles. For example, let's say you have a specific background color. You define it in the TW configuration, and TW generates a specific class for that color. So, instead of doing `style: background-color: "#123456"` a thousand times, you do `class="bg-my-color"`, and if you want to change what `bg-color` is you just change it in one place.

pupppet 4y ago
That’s just CSS variables, you don’t need Tailwind for that.