We're a group of makers shipping together. We help each other stay accountable and reach our goals.
Apply for access
Volkan Kaya
@volkandkaya
How are you handling the JS part like interactive tabs?
I ended up having to build github.com/versoly/versoly-ui because it lacks JS otherwise I would have just used that.
You can actually build interactive tabs with daisyui without JS! relatively new addition i believe: daisyui.com/components/tab/#r… it uses a bit of radio input trickery (not sure if i am a fan, but it works)
After trying Daisy for a day I decided to just go bare bone Tailwind + Web Components. Removed Daisy.
understandable. how do web components work for you? have never used it myself
Very well actually. Syntax-wise, they are very similar to React or Vue components - so it was easy for me to pick up. I find their rendering cycles much easier to predict than React Components.
If the JS-less way Thomas mentions doesn't work for you, look into Alpine: alpinejs.dev/
Very lightweight library, so it's great for this.
A good example is that I used a landing page called Landwind for #toyboxforlaravel , which was Flowbite based, but with a tiny bit of effort I converted it to only use Alpine.
Nice. I use Petite Vue instead as it is a little smaller and the core is Vue so any problems have a google answer haha.
Hot take I haven't heard. Any examples of companies he invested in?
They mentioned a few in several twitter spaces discussions.
We need a word for backend frameworks that render HTML.
If you're using Vue then sure.
Not sure I get it, you aren't going to duplicate "px-4 py-3" 100 times or you might forget then have to guess. You will create a component.
But what's the point when you can just define it once and not need that extra component.
Sure, whenever I keep repeating the same block I just extract it to a Vue component. At that point I don’t need another framework, the component itself works fine and can be reused
No need for another framework on top of that
We need a word for backend frameworks that render HTML.
If you're using Vue then sure.
Stuff like dropdown, accordions etc are hard to get right do you have a site with them to test?
Flowbite looks a lot like Bootstrap and was based on it. What am I missing?
Bootstrap core was solid and that is why it was heavily used.
The biggest disadvantage was easy customisation, Tailwind fixes that.
Right yeah, I’m just not understanding the point of bootstrap style utility classes if the underlying framework is tailwind. The point behind tailwind and why I find it compelling is to not hide functionality behind a “btn-large” class for example. I’d much rather have code duplication but be able to see exactly how the css will behave by looking at the tailwind classes directly in the html. Going back to bootstrap style classes kind of defeats the purpose for me
Additionally flowbite does not code components in the way you’re describing. It’s just a site that provides tailwind specific example code using the tailwind classes directly
Not sure I get it, you aren't going to duplicate "px-4 py-3" 100 times or you might forget then have to guess. You will create a component.
But what's the point when you can just define it once and not need that extra component.
Sure, whenever I keep repeating the same block I just extract it to a Vue component. At that point I don’t need another framework, the component itself works fine and can be reused
No need for another framework on top of that
We need a word for backend frameworks that render HTML.
If you're using Vue then sure.
Regarding Boostrap, I don't care how the code was organised or named.
Boostrap from a visual design point of view is ugly and not user friendly for the modern screens. Material UI fixed some of that, but there are much better options and standards now, such as Tailwind. I would never bolt on a Boostrap themed UI on anything unless I wanted it to fail.
Make Something Wonderful
Steve Jobs in his own words
Interesting book, you get to see a collection of steve jobs private emails/interviews. A lot of it from 30+ years ago that aligns with the same problems that companies have today.
I wonder how much of the curation has left out the "bad" predictions though.
Flowbite is great, if you need a little extra on top for http frameworks take a look at github.com/versoly/versoly-ui
It adds the missing pieces like btn-primary, btn-secondary that allow you to code without copy pasting all the time.
Ah, so we’re back to bootstrap haha
Interesting, I always disliked the Bootstrap design for some reason so don't think I'll go down that route.
Flowbite looks a lot like Bootstrap and was based on it. What am I missing?
Bootstrap core was solid and that is why it was heavily used.
The biggest disadvantage was easy customisation, Tailwind fixes that.
Right yeah, I’m just not understanding the point of bootstrap style utility classes if the underlying framework is tailwind. The point behind tailwind and why I find it compelling is to not hide functionality behind a “btn-large” class for example. I’d much rather have code duplication but be able to see exactly how the css will behave by looking at the tailwind classes directly in the html. Going back to bootstrap style classes kind of defeats the purpose for me
Additionally flowbite does not code components in the way you’re describing. It’s just a site that provides tailwind specific example code using the tailwind classes directly
Not sure I get it, you aren't going to duplicate "px-4 py-3" 100 times or you might forget then have to guess. You will create a component.
But what's the point when you can just define it once and not need that extra component.
Sure, whenever I keep repeating the same block I just extract it to a Vue component. At that point I don’t need another framework, the component itself works fine and can be reused
No need for another framework on top of that
We need a word for backend frameworks that render HTML.
If you're using Vue then sure.
Regarding Boostrap, I don't care how the code was organised or named.
Boostrap from a visual design point of view is ugly and not user friendly for the modern screens. Material UI fixed some of that, but there are much better options and standards now, such as Tailwind. I would never bolt on a Boostrap themed UI on anything unless I wanted it to fail.
Nice. I use Petite Vue instead as it is a little smaller and the core is Vue so any problems have a google answer haha.