Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Search - "tailwind css"
-
Dear Tailwindcss,
Fuck you.
Fuck you and your messy as fuck html files.
Fuck your shitty pseudo 90s 'Let's dump all our shit in a single html file'.
Fuck your claims of being responsive, most of your widths and heights are done in FUCKING PIXELS.
Fuck your claims of being flexible, adding a 10% width class took 20 minutes of scrolling through your shitty docs.
And the worst part is, the poor devs 4 years from now are gonna be stuck maintaining this goddamn shit because shitty enterprise companies desperately trying to stay relevant are treating this shit like the Holy God of Frontend styling, the solution to CSS once and for all
FUCKING IDIOTS CSS ISN'T BROKEN, THIS GARBAGE IS!!!! WE DON'T NEED A SHITTY SOLUTION TO A PROBLEM THAT DOESN'T EXIST
Tailwind can go fuck itself with it's 200 character html lines9 -
If you're as bad at web design as me, I recommend tailwind css to you.
I've been using it today and had a good time.
By providing a set of design-centric classes, it makes it easy to learn and apply good design practices without losing css control.
This is paramount to me since I know a couple of css tricks, but not too many. With this you can't miss any of the fundamental ones.
It also lets you combine multiple classes into one via the @apply directive, so the html classes don't go crazy, and you don't have to write too much css. Huge amount of lines saved.
To top it off, they have plenty screenscasts that not only teach you how to use tailwindcss, they show you fundamentals good web design.5 -
I just compiled a color palette for devRant-related drawings that anyone can import into GIMP and Inkscape. Already successfully using it for graphics promoting dR Community Matrix (more on that later), hence the name: "drcm-palette".
🎨 https://github.com/drcmatrix/...
For reference I used colors produced by "Tailwind CSS 10-color Palette Generator": https://tailwind.simeongriggs.dev/
19 -
Why did this world have to curse use with bootstrap 2.0, sorry I mean tailwind fucking piece of shit v4 upgrade shenanigans MF <hr>s aren't changing colour3
-
Received a Full Stack Radio t-shirt and some new stickers this week, from the creator of Tailwind CSS. The shirt was printed in the wrong size; though I'm already happily expecting one in the right size, such things happen, and they fixed it before I even received this package (USA2BEL, 2 weeks in postage...)
Happy accident along with this; double the amount of stickers!! :D (and of course, double the shirts!)
6 -
I inherited a nextjs project from an unknown guy and am fangirling the codebase
But the deeper I familiarise myself with it, the more the cracks begin to appear:
1) The dude Is incapable of grasping the basics of DRY concept. He actually setup a ton of stuff I may have done poorly if I'd started working straight out of the docs, so I feel like I owe him a shower of praise. I guess being new to nextjs makes it look more impressive than it actually is. He was paid off, yet getting the credit seems unearned to me. I'm just afraid reaching out to him might turn around to bite me in the ass
***
I had the above in my drafts, contemplating sending him a token to show some appreciation for unknowingly showing me the ropes. I was going to find him on LinkedIn using his commit names. But after doing everything I've done, undergoing the anxiety and severe pressure I faced at the hands of the project owners, I'm not sharing a farthing with anybody
Yes, I may not have known about zustand and persist middleware. Yes, he did all the ui. Yes, he created the base components and fancy wrappers around form and button html elements. For those, I'm grateful
But the amount of refactoring I had to do to, for an opportunity to implement my own target features, I'd say I can lay as much claim to the project as he does.
Side note #1: I have some newfound respect for front end devs. We used to discriminate against them for doing just css but that was only relevant in the jquery days. Now, they have to use cryptic css frameworks (sass, less, tailwind), they have to learn esoteric syntax of some js framework and write controllers/components as the case may be. They have to (the worst part), bind this data to an API, which would never make sense to me coming from a php ssr-natural world
Back rewarding the guy, some of the challenges I came back from were:
1) Next server outages: I still don't know the workaround this. The app terminates, browser giving an error about using up memory. I have to wait for about 10 minutes before I can access the app again
2) spring Webflux authentication not hydrating: I was unexpectedly asked to work on the back end too, where I got tortured with this horrifying condition. The most poorly documented framework for the Web has no upto date guide on how to implement jwt security measures. I opened a question on stackoverflow. A day later, both my question and the helpful answer got downvoted
3) Zustand not retrieving any data from localstorage once page reloads, until I miraculously stumbled on a hack: there's a config callback for reading state after rehydration or thereabout. So I interact with the state there. That's the only way content clearly in localstorage can get transmuted into dynamic format accessible by the code
4) Mongo database suddenly disconnecting: for no apparent reason, this bailed. Accessible on compass. This was even when I realised it was responsible for front end requests not going through. Eventually created a new database and requests surprisingly began connecting again. Thankfully, my laravel background taught me about seeders so I had them on standby from the onset. Wasn't difficult to just port to a fresh database after confirming the first one was inaccessible to the app
After this painful odyssey and the time constraints, threats of moving forward with someone else, I deserve every dime they deem me worthy of and more3 -
tailwind is trash holy crap.
every div element contains like 30 classes that have their own thing going for them.
just start writing inline css at that point. Why bother putting classes in?8 -
Tailwind css offers a premium package where you have to pay $300 for access to their tailwind styling components. And even additional $150 and $150 and $150 packages depending if your app is for ecommerce application ui or marketing etc.
WTF????
While in Angular Google has provided 100% FREE MATERIAL DESIGN UI COMPONENTS
WHO THE FUCK PREFERS TO CODE IN REACT/NEXTJS/VUE over ANGULAR???23 -
Had the occasion to put my hands on Tailwind CSS. Terrible sauce. Pastas taste aweful with it. I can't see myself working one more day like this.
I hate trends. -
How to fail my interview 101:
1. Change your GitHub status to "I love learning new things every day"
2. Start by showing off your code katas
3. "React is the best way to do frontend"
4. "Unit tests are necessary"
5. "TypeScript is better than JavaScript"
6. "I don't have to learn CSS, I use Tailwind"18 -
Web developers, please recommend a tech stack. I have work experience in Laravel, Angular and Node Express. Personal small experience only for Vue and React.
Frontend: Angular, React or Vue?
Backend: Node Adonis JS or PHP Laravel?
CSS framework: Angular Material(angular), Material-UI, Tailwind CSS or Bootstrap?
This is for a personal project API based. What frontend backend tech stack are you using right now? Thanks!23 -
Tailwind CSS is a big threat to CSS developers, because now a mere mortal can implement a design on a website on par with them.6
-
Trying to actually use tailwindcss makes me start hating it already. Instead of just adding a CSS style that I know without looking up, I have to look up the documentation to find a tailwind class name that contains the styles that I want to use. I still think it is great for beginners, but otherwise we have to learn two languages (CSS and TailwindCSS) instead of one now?2
-
For fuck's sake, what are the creators of tailwind thinking? So, I made the mistake of upgrading to tailwind v4 and now my site is broken. Who in the fuck thought removing half the features is an "improvement"?.
wE've mAde ConFiGUraTion EaSier with CSS.
Sure, let's see. It sounds neat on paper, a "CSS-first" approach. But when you've got existing projects with a meticulously crafted tailwind.config.ts file, it's not simplified at all, it's a migration nightmare. Suddenly, my custom colors and breakpoints are all gone or behaving unpredictably because the new system decides to interpret them differently.
Do these people actually work on any project that is long-term or is everything they work on just green-field?
Because when you have hundreds of pages and custom built rules, and now eveything is broken for no goddamn reason, it's not fun, is it?
I've now wasted days on this shit when I should have shipped so many features.
I simply can't wait to switch my career to something else. Like, this stuff is just so bad man. Come on.13 -
Being instructed to use Tailwind in the project sounds like a dream.
Too bad we are already using reactstrap, Ant Design, and Material-UI...
Buzzwords will be buzzwords.3 -
I just released a new Laravel package. The concept behind it is to use PHP for everything, so you no longer have to write HTML, CSS, or JavaScript. No more constant file and context switching. It also allows you to create and use components in the same way you would with JavaScript libraries like React or Vue.
It's called Malzahar. A magic PHP framework. Build reactive web apps without writing HTML, CSS, or JavaScript! Powered by Tailwind, Alpine, Laravel, & Livewire.
- Github Repo - https://github.com/bastinald/...
- Demo Video - https://youtube.com/watch/...
Thanks for checking it out.6 -
TailwindCSS, I don't get the hype around it. People say its awesome and it has changed its life. Wtf, it looks like a bunch of utility classes to end up writing inline styles.8
-
Realized what the meaning of life was yesterday.
Because the real meaning of life is yet to be found, there is an interim one — to do everything to help us exist as longer as possible as a species. So spread peace, empathy and forgiveness. If we live long enough to formulate the theory of everything, understand human brain and evolve past/patch our brains to avoid being greedy violent fucks, maybe then we'll find the real meaning. The longer we exist for, the better our chances are.
So, the ideal human according to kiki is:
- one that doubts everything and is free because of that. Freedom is doubt.
- one that has a habit of denying themselves pleasures. Without restraining themselves, one turns into a greedy, violent beast.
- actively contributes to the world peace & spreads peace among their peers, as true impact is immeasurable, and who knows, maybe butterfly effect will turn one “I'm sorry, I was wrong” into avoiding nuclear catastrophe.
There are adversaries that benefit from us bickering and fighting each other. They want to divide us. Let's deny them that. I announce that I won't engage in verbal battles and teardowns anymore.
Sometimes, static typing is beneficial. Sometimes, unit tests are necessary. JS, CSS and web platform as a whole are not perfect. JS is not perfect. Apple does anti-consumer stuff. Not all rich people deserve hate. Sass has its uses. Tailwind CSS has its uses. React has its uses.
Peace7 -
min-height: calc(100% - 1rem)
AAAAA REEEEEEEEE WHAT ARE YOU DOINGGGGGGGGGGG IF YOU DONT UNDERSTAND CSS DONT USE ITTTTTTTTTTT
so much pain / time could be saved if devs just used a damn framework (i don't care, bootstrap or tailwind, have at it which is better, i could care less). stop trying to be fancy, like this above, because its ultimately wrong. sorry i'm not sorry7 -
After contemplating on it so long, I finally made a blog for code snippets:
https://txstc55.github.io/But-how-d...
Completely written by myself, except, I mean, the vuejs and tailwind css part.
It’s so beautiful
Open to suggestions for code snippets to add!11 -
I really tried to give tailwind a chance. I gave my best to start using it....
I hate it. It sucks. It makes my design process slow as fuck. Fuck of with this shit.5 -
i like tailwind for my personal project because i hate choosing color palette. i can just roll with bg-green-400, text-neutral-900 etc1
-
So what do you guys think of a tailwind css?
I mean... it looks way too verbose, like we got back to inline css
on the other hand i see a lot of people using it
so whats the catch?9 -
Please install PostCSS 8 or above
postcss --version
8.3.1
googling and trying incompatibility fixes instead of actually building a seemingly simple react app with tailwind css -
Tailwind Css + Material Ui in a single react project.
Anyone used?
Share your experiences if did so.8 -
I used tailwind css in my web development project but as soon as the internet goes the images text blow out of proportion I used cdn if I had to deploy static website on amazon S3 with tailwind css how can I avoid this issue ??3
-
I''m experimenting with Tailwind right now, it's really not that bad, and their slightly different factoring of concepts is definitely more intuitive than CSS. But I wish it supported comments in classes; could just be a plugin that throws away its input.9
-
Contemplating of giving tailwind css a try. Did you already try using tailwind in your projects at work?7
-
Tailwind classes stopped working (only previously used and customly added classes work)
For some reason my tailwind doesn't work anymore. I was able to use any classes and they were being added to style.css with: "npx tailwindcss -i tailwind.css -o ./css/style.css --watch". But today it just stopped working, I can't apply even the most default class like text-red-400. I can only use classes that I have previously already used AND ones that I have customly added.2 -
How do I upload my tailwind css website I made on my cpanel host ? Explain it in basic stuff so I can grasp?2
-
Pagedone - Lightning fast modern designs for your next project
A library featuring 1000+ UI components, sections, and pages designed in Figma and built on Tailwind CSS.
Here are the few things you will get on Pagedone :
✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 𝐅𝐢𝐠𝐦𝐚 𝐝𝐞𝐬𝐢𝐠𝐧 𝐬𝐲𝐬𝐭𝐞𝐦
Pagedone presents the ultimate design system for all your design projects, featuring a vast collection of over 12,000 components, blocks, templates, dashboards, and more. Experience a lightning-fast design process seamlessly integrated with Figma.
✨𝐄𝐱𝐩𝐞𝐫𝐭𝐥𝐲 𝐂𝐫𝐚𝐟𝐭𝐞𝐝 𝐓𝐚𝐢𝐥𝐰𝐢𝐧𝐝 𝐁𝐥𝐨𝐜𝐤𝐬
Pagedone provides artfully designed blocks, pages, and components built with Tailwind CSS.
✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 𝐈𝐜𝐨𝐧 𝐋𝐢𝐛𝐫𝐚𝐫𝐲 ( FREE )
Pagedone's icons are not only expertly designed in Figma but are also available in four distinct styles. The SVG code is highly optimized, aligning perfectly with a 24px grid. Additionally, our web app empowers you to effortlessly edit icon strokes, colors, and sizes. Enjoy the convenience of one-click downloads as well.
✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 Tailwind and Figma Templates
Build websites faster than ever before with our catalog of expertly crafted readymade templates designed in Figma and built on Tailwind CSS.6 -
Interruptible - Bring AI-powered conversations to your videos
Interruptible transforms video content by embedding real-time, AI-driven interaction directly within the video itself. This enables brands to actively listen to their audience, answer questions instantly, and create personalized, immersive experiences.
3 -
Pigment 0.2
🎨 A lightweight utility for color manipulation and conversion.
Features
Color Conversion: Convert colors between HEX, RGB, HSL, HSLA, RGBA and Tailwind CSS formats.
Lightness Control: Lighten or darken a color by a specified percentage.
Random Color Generation: Generate random colors in HEX, RGB, HSL, HSLA, RGBA or Tailwind CSS format.
Opacity Control: Set the opacity of color in any format.
Blend Colors: Blend two colors in any format together in a specified ratio.1

