“Disambiguating Tailwind”

I appreciated this bit of nuance from a post on Viget’s blog:

There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:

1. Stock tailwind, ie. no changes to the


The post “Disambiguating Tailwind” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

I appreciated this bit of nuance from a post on Viget’s blog:

There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:

1. Stock tailwind, ie. no changes to the configuration,
2. Tailwind that heavily relies on @apply in CSS files but still follows BEM or some other component organization,
3. Tailwind UI, and
4. heavily customizing Tailwind’s configuration and writing custom plugins.

Leo Bauza, “How does Viget CSS?”

The way you use some particular technologies can be super different from how someone else does, to the point they share little resemblance, even if they share the same core.

Bootstrap is similar. You can link up Bootstrap off a CDN, the entire untouched built version of everything it offers. You can download the Sass/JavaScript source files, include them in your own project, and bring-your-own build process. This gives you the ability to customize them, but then that complicates the upgrade path. Or you could use Bootstrap from a package manager, meaning you’re referencing the source files from your own build process, but never touching them directly. Either way, if you’re using the source, you can then do things like customize it (change colors, fonts, etc.), and even trim down what parts of it you want to use.

React is similar. Vue is similar. You can link them up right off a CDN and use them right in the browser with no build process. Or they can be at the heart of your build process, and pulled from npm. Or they can be the foundation of a framework like Next or Nuxt.

When you multiply the fact that any given single technology can be used so many different ways with how many different technologies are in use on any given project, it’s no wonder why developer’s experience on projects is so wildly different and you hear a lot of people talking past each other in debate.


The post “Disambiguating Tailwind” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-08-20T19:59:47+00:00) “Disambiguating Tailwind”. Retrieved from https://www.scien.cx/2021/08/20/disambiguating-tailwind/

MLA
" » “Disambiguating Tailwind”." Chris Coyier | Sciencx - Friday August 20, 2021, https://www.scien.cx/2021/08/20/disambiguating-tailwind/
HARVARD
Chris Coyier | Sciencx Friday August 20, 2021 » “Disambiguating Tailwind”., viewed ,<https://www.scien.cx/2021/08/20/disambiguating-tailwind/>
VANCOUVER
Chris Coyier | Sciencx - » “Disambiguating Tailwind”. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/20/disambiguating-tailwind/
CHICAGO
" » “Disambiguating Tailwind”." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/08/20/disambiguating-tailwind/
IEEE
" » “Disambiguating Tailwind”." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/08/20/disambiguating-tailwind/. [Accessed: ]
rf:citation
» “Disambiguating Tailwind” | Chris Coyier | Sciencx | https://www.scien.cx/2021/08/20/disambiguating-tailwind/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.