Liam Hall

Has anyone got phpMyAdmin up and running on Coolify? Can’t work out what I should be using for the “server” at login.

Anyone making good content on Coolify? Particuarly Laravel / Vue / Nuxt people as that's my preferred stack.

I'm not a Dev ops guy at all, I've got it up and running on AWS EC2.

As do I but when you have 10 classes that rely on the ‘peer-checked:group-[]:after:’ prefix, plus any variations then I find myself spending 5 times as long to get the result I want and it takes me far longer when I revisit the component in future.

My issues aren’t with the amount of classes, rather when I’m building something like a toggle and I’ve got to do things like ‘peer-checked:group-[]:after:translate-x-full’

I love tailwind for moving quickly and generally overall I think it’s a good approach for working in large teams but I do find myself writing some mad classes sometimes. Think we internally need to set some ground rules for when we should extract a class instead of going all in on utilities.

Dev.to was the popular one, the medium article, even now it’s been added to a publication is still very very low view figures, but a 75% read rate. Which is interesting.

Yesterday I posted the same article at the same time, one on @dev.to, the other on Medium. The article on @dev.to has just shy of 2000 views, the article on Medium has just 4…

Exploring Typesafe design tokens in Tailwind 4 Tailwind 4 has been on the horizon for a while, with the team first open-sourcing their progress in...

Wrote an article on the train this morning about exploring Typesafe design tokens in Tailwind 4:
dev.to/wearethreebe...

@property --foo { syntax: "<color>"; initial-value: #fff; inherits: true; } :root { --foo: 10px; }

Anyone found a good VSCode syntax highlighting plugin for CSS property types? I'd like this to error:

Any ex Tailwind users, what have you moved to and why? I’m interested in people who enjoyed Tailwind but decided to move away from it.

If you’re building in Vue at the moment I’d love to see what you’re working on!

For me, it’s always Laravel and Vue / Nuxt where I have a choice. But at work I’m React / Next and Nest at work. In my experience, unfortunately, there’s huge disparity between both the number of roles and the salaries of my preferred stack vs React based roles.

A different approach to writing component variants with Tailwind CSS The problem Traditionally when writing component variants with Tailwind CSS I've reached...

I've been playing around with some different approaches to dealing with component variants in Tailwind CSS, I wrote a short article about a new approach I'm trying here:

#tailwindCSS #CSS #webdev

dev.to/wearethreebe...

Overall it looks something like this:

I should point out this is to accommodate Tailwind so I need to explicitly spell out classes.

However after playing around, I noticed what v-bind in CSS is actually doing is setting inline styles, which has slightly put my mind at ease and I think this is the way forward. Unless anyone is away of any clever things v-bind in CSS is doing under the hood?

I then looked at adding inline styles to components, which seemed okay but I was slightly worried about performance. This morning on the way to the gym I remembered Vue offers v-bind in CSS. Unfortunately that needs to be attached to a CSS property, so something like this won't work:

I then looked at CSS in JS which looked clean in the DOM but that caused a flash. I didn't want that. Looked a bit deeper and realised Emotion adds a stylesheet next to the component on the server then removes it on the client. I took a look into this but decided it was too complicated.

Okay, so I've been playing around quite a lot with the best ways to attach CSS variables to my components. Because all styles within a variant of a component need to be present I wanted to ensure they were typed, so the simple solution was disregarded.

Another one for the Nuxt folks, is there any performance issues with inline styles? I know there can be in other meta frameworks.

Nuxt people, is there a simple way to write a custom CSS in JS method and render the style on the server? I've tried using Unhead but I don't think that will work - This is how I get it to work on the client but I want to avoid the flash:

👀! 👋

@open-web-advocacy.org

Hello Bluesky!

I actually don’t find vocals off putting, podcasts, news or radio presenters, yes. But I don’t find vocals bother me at all.

Ingesting Blattaria Blotted Science · The Animation of Entomology · Song · 2011

For those of you that prefer a heavier sound but find vocals put you off when you code Blotted Science are worth a listen

open.spotify.com/track/3a7OE5...

What are the best companies working with Vue / Nuxt and Laravel right now?

I think this might be my favourite addition to CSS in recent years, not container queries, not :has not even variables, but the ability to simply balance text!

What happened to meet ups? I used to attend quite a lot when I lived in London but since moving to the country I’ve been out of touch. I’m in LA at the beginning of next month and was hoping to join something Vue, JavaScript or Laravel related but all the meet ups seem pretty dormant post Covid.

These starter packs may be the feature that allows me to switch from Twitter. I tried a while ago but was shooting in the dark trying to find people in the tech community I wanted to follow. What a great idea!

On the subject of new package managers, I find `pnpm` really awkward to type for some reason, gunna need an alias for that.