Andrew Bogdanov

@TweetsOfSumit @nuxt_js that's exactly what my thoughts were when I read about Nuxt 4 and then the Nuxt 5 release in a couple of months 😂But I hope it won't be as painful as I'm afraid it will. Really curious to see how automated migrator will work on a big codebase

Stop what you’re doing and wipe that 2025 roadmap. You will work on another @nuxt_js migration for the rest of the year LET’S GO 🚀

🎯 API-driven styling with UnoCSS — this June at VueTalks! How do you style components driven by data, CMS configs, or dynamic builders? Let’s dive into advanced UnoCSS to stay flexible, fast & scalable - even in complex systems. #VueJS #UnoCSS #DesignSystem

Hi all, I just dropped a new blog post: sourcegraph.com/blog/revenge-o… This one's a beehive-kicker for sure. Hope you like it and find it enlightening, even if you don't agree with all of it.

@adamwathan This is actually an idea that I can't unthink for more than a year now

Big news — we've partnered with Apple to integrate Tailwind CSS into Safari directly, making it the first browser that can render Tailwind sites with 0kb of CSS over the wire. Do your part and ship your sites with no CSS file to force other browsers to do the same 🤘🏻

@yoelapalkin @RhysSullivan I don't understand the issue, you could've hired 3 devs for a price of 1, lost opportunity

@RhysSullivan Find out if he has 3 guys in India using his github to push commits. Review the time logs with a test project. We sadly fell for that this year.

Wow, a resume just came across my desk with this GitHub contribution chart We offered him a $500k/year job without even interviewing

@DeepSpaceSimian @RhysSullivan It's simple, you just need to have 20 years experience in sarcasm

@TheAlexLichter @vuejs What do you mean?

I wonder when @vuejs will come over to the other place 👀🦋

@TruckunSama @ste_bartoletti @theo For that you can use Reusable Template from VueUse

@ste_bartoletti @theo optional things are not complications i think since its not mandatory to use it. I have a huge app, and i see a couple places where this can be used. There are times when i wat a separate sub-component, but its too small to justify creating a whole other file for it.

wtf why has nobody told me about Vue Vine before? This looks so good.

@theo @bielarusajed Can you bring any examples of components that aren't play well with SFC?

@bielarusajed *kind of* More similar to Solid. But also interops with traditional .vue files and compiles to vue components, so you can opt into vine for components that suck to do with SFC's

@HugoAlliaume @adamwathan Does anyone even uses CDN based version in real projects?

@andr_bogdanov @adamwathan I believe Adam speak about the CDN version of Tailwind...? tailwindcss.com/docs/installat…

I still don't want to add this feature *but if we did* what syntax do you prefer? Only considering one-level of grouping, don't want to get crazy with nesting stuff. Poll in reply 👇🏻

@gugaguichard Sorry, that wasn't obvious

@andr_bogdanov My post was sarcastic

Here follows my simple approach for caching a route with NextJS. Tomorrow we are gonna talk about vertical alignment with CSS, follow me for more tips on making web development simple!

@adamwathan @HugoAlliaume In such a case is it possible to have this feature only for specific platforms like Node based websites or introduce a separate PHP based process that would compile a template before passing it to the client?

The browser will not understand `hover:(flex gap-2 justify-between)` because of the spaces, full-stop. So you can't send that to the browser and have it work, it has to be transpiled into something else and you need to put that in a file somewhere, and that is not a normal workflow for so many languages/frameworks.

@adamwathan @HugoAlliaume How then CSS compilation is done for WordPress based websites? If CSS is generated from analyzed classes why templates can't be parsed with the same tool to unwrap the groups before running the analysation process?

@andr_bogdanov @HugoAlliaume Correct me if I’m wrong but I don’t believe you can use the special grouping syntax with UnoCSS with Ruby ERB templates or with Wordpress sites built with PHP templates? Tailwind needs to work in all of those places.

@mazewinther1 @adamwathan Lol 🤣

@andr_bogdanov @adamwathan You sure?

@MathieuJ85 @adamwathan Yes, but they can't do that due to internal architecture limitations

@adamwathan Check unocss syntax, it's much better ! hover:(bg-gray-400 font-medium)

@mazewinther1 @adamwathan It's not because he doesn't want, it's due to a limitations of Tailwind itself in how it's done under the hood. That's why I switched to UnoCSS a long time ago and never came back. You should try it too 😉

@adamwathan Oh god, this feature would be an absolute killer. The amount of times I have to write "hover:" on the same element… Why would you not want to add this feature?

@bhws @TheAlexLichter @adamwathan I would say such truncation won't give any significant performance increase. If you use brotli compression none of this micro-optimizations of string width make any sense

@TheAlexLichter @adamwathan This is what I was thinking. To add to this, for added perf could open the door for compressing arbitrary custom props. `bg-[--my-custom-property-bg-color]` -> `bg-[--abc]` x.com/bhws/status/18…

@TheAlexLichter @adamwathan It's not realistic until Tailwind changes its underlying architecture. Which should inevitably happen at some point if the framework wants to stay competitive.

@adamwathan Parentheses a la hover:(bg-black text-white) would be my preference but not sure if this is realistic due to the transformation required

@adamwathan None of those proposals make sense. With the current design of Tailwind this feature breaks the fundamental principle of utility CSS which is reusability. So it's better to not implement it at all