DEV Community

[RFC] Airfoil: Coding an alternative to Tailwind

Kerry Boyko on April 21, 2021

Update: Created a crude github repo for Airfoil. It's mostly just a placeholder right now. My previous post on TailwindCSS got a lot of views ...
Collapse
 
andrewbogdanovtss profile image
AndrewBogdanovTSS

Good luck with wasting your time reinventing the wheel. Another rebel from the tribe "My ego doesn't allow me to embrace alternative tooling that my team use"

Collapse
 
itstudiosi profile image
David Gil de Gómez • Edited

Good luck creating either another Tailwind or another Bootstrap.

Also, maybe you should actually listen to your team mates and not just dismiss their opinions...

Collapse
 
mackd profile image
mackd

You wrote an article about Tailwind being bad, received dozens of rebuttals about the points that were - if I'm being very generous - quite off-base. Your team leader also disagreed with you.

And your response is ... to make a diminished version of the tool you were criticising in an article that was (rightfully, IMO) critiqued as showing you did not understand said tool to a competent level?

Collapse
 
raghavmisra profile image
Raghav Misra

I quite like this! I personally agree with you. If one is willing to spam class="flex flex-direction-... justify...", may as well use style="display: flex; justify-content: center;". It's just about the same thing lol.

Collapse
 
tanzimibthesam profile image
Tanzim Ibthesam

Its class="flex row justify-center items-center">
Way better than
style="display: flex; flex-direction:row justify-content: center; align-items="center">
Write 2-3 more of these nad you will feel how less Tailwind is

Collapse
 
owenmelbz profile image
Owen Melbourne

what about when you want to change the rules on a different media query... oh wait xD you can't with inline styles :D

Collapse
 
raghavmisra profile image
Raghav Misra

True, and the media query classes are my favorite part that no other library/framework has achieved. I do agree with that one.

Collapse
 
tanzimibthesam profile image
Tanzim Ibthesam • Edited

Wt a joke comparing inline style with classes. Lol. First go and learn waht is inline class and what are inline styles.

Collapse
 
luismartinezs profile image
Luis Martinez Suarez

Tailwind is much better than working with contrived nested CSS of hell. The mental struggle of moving from an html to an infinitely nested SCSS file with styles for the same thing spread around 300 different nests of "clever" SCSS and find out what you want to change and where, heavily outclasses any disadvantage that tailwind might have.

And, if you think "but it makes html look cramped", well, there is a VSCode extension that hides the content of the class attribute!

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
kerryboyko profile image
Kerry Boyko

Tanzim, are you really so invested in this?