klickreflex, to CSS
@klickreflex@freiburg.social avatar

I’m so tired of y’all web people hating on #Tailwind. You're not funny, it’s just the same kind of disrespect you call out in many other cases. Why can't we just accept that there is no right™ way to do #CSS (or anything, really) and stop shitting on each other for using technology we personally dislike for whatever reason.

I love that quote from @nzakas

fluffel, to CSS
@fluffel@chaos.social avatar

Could someone give me the TLDR why "everyone" dislikes all of a sudden? I‘m too tired to figure out why.

BryceWrayTX, to CSS
@BryceWrayTX@fosstodon.org avatar

“If your development tool doesn’t allow you to split your code into components, it’s likely that the utility-first approach of Tailwind will only make development harder...

“And... avoid using the @apply directive... It throws away the key advantages of Tailwind: less mental overload when coming up with names for CSS classes, and the absence of regressions when changing styles... Further, using it increases CSS bundle size.”

https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css

simevidas, to random
@simevidas@mastodon.social avatar

time.com uses Tailwind for some reason

devolute,
@devolute@mastodon.social avatar

@simevidas is .z-99999 a thing in #Tailwind ?

oliverandrich, to django
@oliverandrich@fosstodon.org avatar

Happy to merge a pull requests, that adds the runserver_plus command from django-extentions to my #django #tailwind extension django-tailwind-cli. A handy addition provided by William Hayes.

lucy_who, to random

In #tailwind, is there a way to set the font size every <h1> tag to e.g 2 rem by default? Without having to add a class name to every tag?

I’ve been trying to do it in the tailwind.config file using the typography plugin, thus far without success. I can’t work out if it’s not possible or if I just don’t understand the documentation.

keithjgrant, to random
@keithjgrant@front-end.social avatar

I think this hits the nail on the head. This is precisely my issue with #tailwind. It actively ignores one of the most powerful aspects of #CSS:

“I think that Tailwind might be a good example of an imperative design tool. It’s only about the specific outputs. Systematic thinking is actively discouraged; instead you say exactly what you want the final pixels on the screen to be.”

https://adactio.com/journal/18982

ctietze, to CSS
@ctietze@mastodon.social avatar

Classic rock, Mario Kart, and why we can't agree on #Tailwind - Josh Collinsworth blog https://joshcollinsworth.com/blog/tailwind-is-smart-steering

#css

chrisonline, to javascript
@chrisonline@androiddev.social avatar

New components for #Vue & #NeXT

Lunar UI — Fabulous Tailwind CSS components for Vue & Nuxt to create stunning land pages

https://lunarui.dev

#development #dev #css #tailwind #components #lunarui

skwee357, to CSS

People who complain about Tailwind. I dare you to show me how you handle responsive design and dark mode.

Tailwind is not just fancy class names for css styles.

#tailwindcss #css

skwee357,

@keithjgrant Took a look. Looks interesting. did evelove since the last time I wrote raw css.

Nevertheless, I feel like is faster in development, and I don’t need to maintain any css files.

I just like pelo who trash tailwind, used it to build a simple todo app, and concluded that it’s like raw style tags, while in reality tailwind offers way more utilities

danjac, to random
@danjac@masto.ai avatar

This is a good article on the downsides (and pluses) of #tailwind

https://joshcollinsworth.com/blog/tailwind-is-smart-steering

I personally find Tailwind productive, but I think the author is right: it's a tool that will become redundant at some point as the state of CSS advances (much like jQuery was made redundant by modern vanilla JS).

carlton, to CSS
@carlton@fosstodon.org avatar

Whilst most of the #tailwind #css posts I’ve read have all been, “Could it be possible! This old saint in the forest hath not yet heard of it, that God is dead!”, this one is quite good.

And it’s got a Mario Cart analogy so… 😜

From: @collinsworth
https://hachyderm.io/@collinsworth/111132426329809373

vanilla, to webdev
@vanilla@social.spicyweb.dev avatar

Today's #Tailwind-in-#HTML is tomorrow's tech debt on a scale we haven't seen since the AngularJS days from a decade ago.

It won't be pretty.

(But perhaps a future job opportunity for folks who can rebuild design systems using real CSS and web standards.)

#WebDev

BryceWrayTX, to CSS
@BryceWrayTX@fosstodon.org avatar
schizanon, to CSS

Someone should make a tool for transpiling #TailwindCSS to plain #CSS classes.

It'd piss off so many #Tailwind fanatics; I might even do it myself!

#webDev #tech #web #javaScript #foss #oss

Tailwind, and the death of web craftsmanship (pdx.su)

There's a worrying trend in modern web development, where developers are throwing away decades of carefully wrought systems for a bit of perceived convenience. Tools such as Tailwind CSS seem to be spreading like wildfire, with very few people ever willing to acknowledge the regression they bring to our field. And I'm getting...

Joy_intl, to random
@Joy_intl@mastodon.online avatar
Joy_intl, to CSS
@Joy_intl@mastodon.online avatar

Right now, I'm procrastinating because I am fighting with #CSS

Come on guys, some smart person has GOT to come up with an easier way..

thomasapowell, to webdev
@thomasapowell@fosstodon.org avatar

Is it spicy to cite the #HTML specification when talking about #Tailwind? rounded-xl, dark-sky-500, and so on totally goes against the advice of the specification for appropriate class values for #CSS.

In our modern web dev world a spec quote (scroll down from here - https://html.spec.whatwg.org/#global-attributes) shouldn't be a hot take, but sadly it for many it is

fridayfrontend, to CSS
@fridayfrontend@hachyderm.io avatar

#Tailwind, and the death of web craftsmanship: "Tailwind is a symptom a rapid deterioration in pride-of-craftsmanship in development. It's naive to believe that "back in the old day" everyone wrote everything with a perfect eye towards beautiful craftsmanship… but there was definitely more interest in "doing it right" rather than dismissing it as a problem that wasn't worth solving." #CSS https://pdx.su/blog/2023-07-26-tailwind-and-the-death-of-craftsmanship/

vanilla, to CSS
@vanilla@social.spicyweb.dev avatar

🌶️ Spicy tip: if you don't know how to write performant, maintainable #CSS for your web project without giving up and slapping #Tailwind on it, that's not on the platform. That's on you.

But don't worry! 😃 There are many fantastic resources for learning how to write vanilla CSS out there, and we're just about ready to release our own. Once you know it, you know it. And you can apply it to any reasonable web stack until the end of time. 🙌

vanilla, to CSS
@vanilla@social.spicyweb.dev avatar

Small update to our experimental tool Vanilla Breeze which lets you convert #Tailwind #CSS markup to CSS and HTML — no, not by supplying you with a stylesheet filled with utility classes (as TW does), but by converting the TW theme to CSS variables and then generating an actual stylesheet which applies CSS rules & variables to the DOM structure itself. This is your “escape hatch" to take a TW component and use it outside of TW!

Updated to TW v3.3.3 & fixed a Safari bug:

https://www.vanillabreeze.dev

Sandbagger, to CSS

@andy @heydon When you are working with #tailwind do you utilise the three base/component/utility layers? If so, how do you map the additional categories? Par exemple...

  1. reset/global styles to base
  2. composition (layout primitives )/block to components
  3. then piggyback on tailwind for the utility classes?
    #css
  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • thenastyranch
  • magazineikmin
  • ethstaker
  • GTA5RPClips
  • InstantRegret
  • rosin
  • love
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • everett
  • DreamBathrooms
  • megavids
  • osvaldo12
  • tester
  • cisconetworking
  • tacticalgear
  • ngwrru68w68
  • Durango
  • cubers
  • mdbf
  • normalnudes
  • anitta
  • modclub
  • Leos
  • JUstTest
  • All magazines