#tailwindcss — Public Fediverse posts

Les inconvénients de Tailwind CSS par rapport à l'utilisation de CSS directement.

🔗 https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/?via=dailydev

#CSS #TailwindCSS

Les inconvénients de Tailwind CSS par rapport à l'utilisation de CSS directement.

🔗 https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/?via=dailydev

#CSS #TailwindCSS

Is it time to bury #TailwindCSS?

Vanilla CSS has come a long way and there are great native features that once required JavaScript...

...but you still use it?

https://medium.com/p/597c7d78ad2c/

#Programming #Coding #Code #WebDevelopment #WebDev #Design #GraphicDesign #WebDesign #HTML #CSS #Styling #HTML5 #CSS3

Is it time to bury #TailwindCSS?

Vanilla CSS has come a long way and there are great native features that once required JavaScript...

...but you still use it?

https://medium.com/p/597c7d78ad2c/

#Programming #Coding #Code #WebDevelopment #WebDev #Design #GraphicDesign #WebDesign #HTML #CSS #Styling #HTML5 #CSS3

I've been hating on #TailwindCSS since day 1. Single use CSS classes is absolute nonsense compared to what CSS was meant to be. Today I have to migrate a page from regular CSS to Tailwind, and I just found out Tailwind even flattens the browser's default styling, so the same HTML looks completely unstyled out of the box.

So I've looked for a way to reproduce the default styling in Tailwind, and I found out about Tailwind Plus: they'll show you a page design and you can pay for them to tell you the combinations of Tailwind classes you need to use to get it.

So they invented a new webpage design vocabulary resting on CSS, flattened the browser default stylesheet and now they're selling their own templates because their vocabulary is unintuitive? What kind of absolute grift based on Web standards is this shit?

@squads
I am currently using no frame work, but I will start using #tailWindCss if I learn it 🙏

@squads
I am currently using no frame work, but I will start using #tailWindCss if I learn it 🙏

I don't understand the hate over #TailwindCSS.

It was a good idea on 2017 when CSS was trying to mature into being more usable. It sill has its place: base styling.

Today we have layering, nesting, subgrid, has/is/where/not, aspect-ratio, View Transition API, container queries, interpolate-size, importing...

CSS will always be superior.

#WebDev #WebDevelopment #CSS #Design #WebDesign #Styling #HTML #HTML5 #Coding #Code

I don't understand the hate over #TailwindCSS.

It was a good idea on 2017 when CSS was trying to mature into being more usable. It sill has its place: base styling.

Today we have layering, nesting, subgrid, has/is/where/not, aspect-ratio, View Transition API, container queries, interpolate-size, importing...

CSS will always be superior.

#WebDev #WebDevelopment #CSS #Design #WebDesign #Styling #HTML #HTML5 #Coding #Code

«Why I don't recommend Tailwind CSS»

Tailwind CSS is hugely popular among web developers; but it's a tool I wouldn't recommend in every context.

https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/

#Web #HTML5 #CSS3 #TailwindCSS

«Why I don't recommend Tailwind CSS»

Tailwind CSS is hugely popular among web developers; but it's a tool I wouldn't recommend in every context.

https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/

#Web #HTML5 #CSS3 #TailwindCSS

I don't recommend Tailwind CSS

https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/

Comments: https://news.ycombinator.com/item?id=49141891

#HackerNews #TailwindCSS #WebDevelopment #FrontendDesign #CSSFramework #DeveloperOpinion

I don't recommend Tailwind CSS

https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/

Comments: https://news.ycombinator.com/item?id=49141891

#HackerNews #TailwindCSS #WebDevelopment #FrontendDesign #CSSFramework #DeveloperOpinion

I'm making standard HTML blocks for a client for GrapesJS.

The mental map is simple: Structure, Containers, Content.

- Structure: Fullscreen, Grids, Flexes.
- Containers: Cards, Heros, CTA, Testimonies, Logo Clouds, Carousels, Slides...
- Content: Titles, Subheadings, Paragraphs, Buttons, Lists.

Thus far, the client is liking it. Most of the style is done via a CSS that swaps the whole page style in real time, but as to be precompiled.

#Design #WebDesign #GrapesJS #HTML #TailwindCSS #CSS

I'm making standard HTML blocks for a client for GrapesJS.

The mental map is simple: Structure, Containers, Content.

- Structure: Fullscreen, Grids, Flexes.
- Containers: Cards, Heros, CTA, Testimonies, Logo Clouds, Carousels, Slides...
- Content: Titles, Subheadings, Paragraphs, Buttons, Lists.

Thus far, the client is liking it. Most of the style is done via a CSS that swaps the whole page style in real time, but as to be precompiled.

#Design #WebDesign #GrapesJS #HTML #TailwindCSS #CSS

Hello mastodon.social!👋
Just landed here on mastodon.social. I’m a web developer focused on building for the modern web. Excited to connect, share projects, and talk shop with fellow dev folks here!✨

#Introduction #WebDev #Frontend #Backend #JavaScript #Vite #React #CSS #TailwindCSS

Heute klären wir ein für allemal: ist #tailwindcss die beste Erfindung seit geschnitten Brot oder buchstäblich Hitler? Wir sind gespannt!

Heute klären wir ein für allemal: ist #tailwindcss die beste Erfindung seit geschnitten Brot oder buchstäblich Hitler? Wir sind gespannt!

I found a malware hiding in my tailwindcss config file.
#Tailwindcss #FAMOUSCHOLLIMA
https://infosecwriteups.com/i-found-north-korean-dprk-malware-hiding-in-my-tailwind-config-js-45af2283742c

I found a malware hiding in my tailwindcss config file.
#Tailwindcss #FAMOUSCHOLLIMA
https://infosecwriteups.com/i-found-north-korean-dprk-malware-hiding-in-my-tailwind-config-js-45af2283742c

Day 10: Chat is live! 💬

Hooked up #Peerix via data channels for #P2P messaging:

✅ Data channels established
💬 Peer messages syncing instantly
🔥 Seamless chat integration complete

Built with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

#TypeScript #BuildInPublic #DevLog

Day 9: Media streaming is alive! 💥

Hooked up #Peerix for live #WebRTC streams:

📹 Remote video tiles rendering flawlessly
🎙️ Mic/cam toggles syncing instantly

Built with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

Next: P2P text chat! 💬

#TypeScript #BuildInPublic #DevLog

Finally cut a new release for Dropserver. It fixes broken sandboxes caused by @deno_land introducing a breaking change in Deno 2.9. (Thank you @mathias for reporting)

I also spent time in frontend package upgrade purgatory (thank you #tailwindcss 🙄).

The Go package upgrades were easy, however I had to hold @tailscale back at 0.90.9 for now because they introduced breaking changes in tsnet.

https://github.com/teleclimber/Dropserver/releases/tag/v0.14.5

Finally cut a new release for Dropserver. It fixes broken sandboxes caused by @deno_land introducing a breaking change in Deno 2.9. (Thank you @mathias for reporting)

I also spent time in frontend package upgrade purgatory (thank you #tailwindcss 🙄).

The Go package upgrades were easy, however I had to hold @tailscale back at 0.90.9 for now because they introduced breaking changes in tsnet.

https://github.com/teleclimber/Dropserver/releases/tag/v0.14.5

Day 7: Expect the unexpected! ⚠️

Making the #P2P video app robust against real-world chaos:

🚫 Graceful error handling for blocked cam/mic permissions
🔑 Room joining logic fully wired up
🧩 Clean UI fallbacks for missing devices

#ReactJS #TypeScript #JavaScript #shadcn #TailwindCSS #BuildInPublic #DevLog

Day 6: Lights, camera, action! 🎥🎙️

Today, the #P2P video app gets local media streams! Wired up device inputs to the UI:

📹 Live camera capture & tile display
🎤 Mic audio capture & toggle sync
📱 Responsive header for sleek mobile navigation

Demo below 👇

#ReactJS #TypeScript #TailwindCSS #shadcn #ZedEditor #BuildInPublic #DevLog

He he he, found it! It's called #Litewind 😃

https://litewindcss.com

https://github.com/reallygoodsoftware/litewind

Only one problem. It is unlicensed. Gotta file an issue on that.

#CSS #Tailwind #TailwindCSS

He he he, found it! It's called #Litewind 😃

https://litewindcss.com

https://github.com/reallygoodsoftware/litewind

Only one problem. It is unlicensed. Gotta file an issue on that.

#CSS #Tailwind #TailwindCSS

#AskFedi

Tailwind is becoming an ever more heavy framework. I once bumped into a drop-in replacement for #Tailwind that offered just the #CSS classes with the same name in a single stylesheet file. But I can't for the life of me remember the name of this #FOSS project. Does anyone have a clue?

Note, I am not looking at just a great CSS framework.. there are gazillions of those. It should be #TailwindCSS, but lightweight.

#AskFedi

Tailwind is becoming an ever more heavy framework. I once bumped into a drop-in replacement for #Tailwind that offered just the #CSS classes with the same name in a single stylesheet file. But I can't for the life of me remember the name of this #FOSS project. Does anyone have a clue?

Note, I am not looking at just a great CSS framework.. there are gazillions of those. It should be #TailwindCSS, but lightweight.

Day 5: Video tiles 🎬

Tackling the hardest part of the #P2P video app UI yet! Here's what I'm packing into the layout:

👤 Name & Identicon
🎙️ Mic & Active speaker indicators
📱 Responsive tiles + pinning 📌

Building with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

#TypeScript #BuildInPublic #DevLog

#tailwindcss gets increasingly popular, if you use it in any of your repos, you might want to read this report who found North Korean (DPRK) malware hiding in his tailwind.config.js

#cybersecurity
#javascript
#softwaredevelopment
#webdevelopment
#nodejs

https://infosecwriteups.com/i-found-north-korean-dprk-malware-hiding-in-my-tailwind-config-js-45af2283742c

#tailwindcss gets increasingly popular, if you use it in any of your repos, you might want to read this report who found North Korean (DPRK) malware hiding in his tailwind.config.js

#cybersecurity
#javascript
#softwaredevelopment
#webdevelopment
#nodejs

https://infosecwriteups.com/i-found-north-korean-dprk-malware-hiding-in-my-tailwind-config-js-45af2283742c

Day 2: Lobby view is alive! 🚪✨

Just built the "Join Room" interface for the #P2P video app using #ReactJS, #shadcn and #TailwindCSS.

What's working:
👤 User name input
🔑 Room ID display & Join action
🎤 Mic toggle + audio indicator & device selector
📹️ Camera toggle + live preview dropdown

Getting the media device selectors and the real-time audio level indicator smooth with the #AI agent in #ZedEditor felt useful.

Git: https://github.com/peerix-dev/peerix-talk

#DevLog #BuildInPublic #OpenSource

Day 2: Lobby view is alive! 🚪✨

Just built the "Join Room" interface for the #P2P video app using #ReactJS, #shadcn and #TailwindCSS.

What's working:
👤 User name input
🔑 Room ID display & Join action
🎤 Mic toggle + audio indicator & device selector
📹️ Camera toggle + live preview dropdown

Getting the media device selectors and the real-time audio level indicator smooth with the #AI agent in #ZedEditor felt useful.

Git: https://github.com/peerix-dev/peerix-talk

#DevLog #BuildInPublic #OpenSource

I use Tailwind on my website as my CSS ended up being a mess. I really liked this post from @b0rk and I think I just need to come up with my own system.

https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/

#css #tailwindcss

I use Tailwind on my website as my CSS ended up being a mess. I really liked this post from @b0rk and I think I just need to come up with my own system.

https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/

#css #tailwindcss

Wow, yet another Tailwind CSS plugin that promises to revolutionize your life with "elegant" scroll-driven edge masking. 🤯💤 Because, clearly, what the world really needed was a way to fade edges without JavaScript! 🥱✨
https://pete.design/tw-fade #TailwindCSS #Plugins #ElegantDesign #EdgeMasking #WebDevelopment #CSSTrends #HackerNews #ngated

Wow, yet another Tailwind CSS plugin that promises to revolutionize your life with "elegant" scroll-driven edge masking. 🤯💤 Because, clearly, what the world really needed was a way to fade edges without JavaScript! 🥱✨
https://pete.design/tw-fade #TailwindCSS #Plugins #ElegantDesign #EdgeMasking #WebDevelopment #CSSTrends #HackerNews #ngated

⚽ Nueva actualización en El Bagual del Gol
https://bagualgol.duckdns.org

Ya se encuentra disponible el cuadro de eliminación del Mundial junto y resumen de los partidos.

Para implementarlo terminé creando una skill propia: tournament-bracket.

Mi idea inicial era reutilizar alguna librería existente, pero ninguna se adaptaba bien a React 19 + TailwindCSS v4, así que opté por desarrollar una solución propia, sin dependencias externas.

Próximamente compartiré la skill en GitHub.

#React #TailwindCSS #WebDevelopment #Futbol #WorldCup #skill

⚽ Nueva actualización en El Bagual del Gol
https://bagualgol.duckdns.org

Ya se encuentra disponible el cuadro de eliminación del Mundial junto y resumen de los partidos.

Para implementarlo terminé creando una skill propia: tournament-bracket.

Mi idea inicial era reutilizar alguna librería existente, pero ninguna se adaptaba bien a React 19 + TailwindCSS v4, así que opté por desarrollar una solución propia, sin dependencias externas.

Próximamente compartiré la skill en GitHub.

#React #TailwindCSS #WebDevelopment #Futbol #WorldCup #skill

さらば命名規約!! だが CSS設計よ、お前は死なず俺の中で生き続ける。
https://qiita.com/tanimoto-hikari/items/774a2210675ffe78cf6d?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #CSS #Web開発 #フロントエンド #CSS設計 #tailwindcss

Now do this for #TailwindCSS

https://tomhayes.github.io/BEMoji/

#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3

_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML

I feel like I'm weird for not liking #tailwindcss. It makes it easy to co-locate styles with elements in the HTML, but then you end up with a lot of duplication. So what do you do next? You start making groups of Tailwind classes to reuse. Congrats, you just reinvented CSS classes.

Tailwind feels like a solution that's mostly loved by people who just don't like and/or understand CSS. It doesn't seem to solve anything new.

I'll write up longer thoughts soon.

🎉 **Digging Code 6** officially launches today on **Product Hunt**!

This release brings a **complete refresh** with **new features**, redesigned pages, improved **content discovery**, and a cleaner, faster developer experience. 🚀

✨ Explore the launch and latest updates:
https://producthunt.com/products/digging-code/launches/digging-code-6

Your **support**, **feedback**, and thoughts would mean a lot 💚

#tech #web #developers #php #laravel #tips #design #tailwindcss #ai #chatgpt #claude

#Development #Experiences
Moving away from Tailwind · Learnings from rebuilding CSS without a framework https://ilo.im/16d08a

_____
#Migration #CSS #TailwindCSS #SemanticHTML #Frameworks #WebDev #Frontend #HTML

Un témoignage intéressant de migration de Tailwind vers CSS d'une développeuse qui ne se considère pas experte en CSS.

J'aime bien l'approche progressive et pragmatique, je pense que ça parlera à beaucoup de gens qui envisagent de faire la même chose mais n'osent pas se lancer. CSS est devenu intimidant mais l'apprivoiser en vaut la chandelle.

🔗 https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/

#CSS #TailwindCSS #migration