Tailwind CSS and the death of web craftsmanship

• open-props

  49 4,390 8.3 HTML

  CSS custom properties to help accelerate adaptive and consistent design.

I do think that the real value of Tailwind comes from the utility classes, rather than css-in-html paradigm. You could achieve the same, for example, with Pollen.css [0] or Open Props [1].

[0] https://github.com/heybokeh/pollen

[1] https://github.com/argyleink/open-props

• vanilla-extract

  90 9,262 8.9 TypeScript

  Zero-runtime Stylesheets-in-TypeScript

  

I do a lot of UI work and have never understood the appeal of Tailwind. It’s like relearning a new language. Tailwind was released in 2017. Maybe the CSS landscape wasn’t as good back then? Modern CSS is pretty awesome.

I’ve enjoyed using Vanilla Extract https://vanilla-extract.style/. It’s like css-in-js with none of the downsides as everything gets compiled to css.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• pollen

  19 855 0.0 TypeScript

  The CSS variables build system (by heybokeh)

  

I do think that the real value of Tailwind comes from the utility classes, rather than css-in-html paradigm. You could achieve the same, for example, with Pollen.css [0] or Open Props [1].

[0] https://github.com/heybokeh/pollen

[1] https://github.com/argyleink/open-props

• csswg-drafts

  70 4,269 9.9 Bikeshed

  CSS Working Group Editor Drafts

  

> Scoped CSS lets you [...]

Scoped CSS doesn't seem to be a feature of CSS. The "scoped" attribute shown in his example apparently [1][2][3] existed in some browsers a decade ago and has since been removed.

I guess maybe it's a Vue template feature that happens to reuse the same syntax?

[1] https://stackoverflow.com/a/45692033/896841

[2] https://css-tricks.com/saving-the-day-with-scoped-css/

[3] https://github.com/w3c/csswg-drafts/issues/3547

• settle-down

  3 0 8.2 Go

  A simple SaaS invoice tool in the `go on rails` framework feedback

i'm very guilty of making entire sites with style="margin: 10px; padding: 10px; etc." every style I want right there inline. Inline styles FTW! I would always say: "I'm just getting it working and some css person can clean this up later."

Now I use tailwind and I've learned their wonderful little syntax for mr-x or p-y and it does feel a little like inline style days. But I do make this file https://github.com/andrewarrow/settle-down/blob/main/assets/... with some stuff so I can say like "btn-main" over and over.

• panda

  12 4,681 9.9 TypeScript

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

  

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project